关于Web中列表页面的加载问题

时间 2020-07-07

标签关于 web 列表页面加载问题栏目 HTML 繁體版

原文原文链接

2017年5月23日，天气晴朗。尽管昨晚睡的不踏实，好在今天心情还不是很糟糕，近来事情颇多，尤为是对于TA的改变，至少目前仍是没有习惯，但时间将会解决一切，这点深有体会。此时此刻，又想起了苏东坡的那首词——定风波。函数

三月七日，沙湖道中遇雨。雨具先去，同行皆狼狈，余独不觉，已而遂晴，故做此词。优化

莫听穿林打叶声，何妨吟啸且徐行。竹杖芒鞋轻胜马，谁怕？一蓑烟雨任生平。spa

料峭春风吹酒醒，微冷，山头斜照却相迎。回首向来萧瑟处，归去，也无风雨也无晴。code

最近公司作的一个项目是人事管理系统和招生管理系统，其中有信息列表页面展现。其实Web项目的主要功能不外乎就是增删改查，如何把增删改查等基本功能作的更优化，效率更高是咱们须要考虑的问题，而不单单是为了实现功能而实现功能。下面就把我在作列表展现页面中遇到的几种加载状况简单总结一下。blog

1.当DOM已经加载，而且页面（包括图像）已经彻底呈现时，会发生ready事件。事件

ready()函数规定当ready事件发生时执行的代码；ready()函数仅能用于当前文档，所以无需选择器。文档

 1  //1.语法1
 2  $(document).ready(function(){   
 3           //具体程序
 4 })
 5 //2.语法2
 6  $().ready(function(){
 7           //具体程序
 8 })
 9 //3.语法3
10  $(function(){
11      //具体程序
12 })

注意：ready()函数不该与<body onload="">一块儿使用。io

2.使用window.onload（这个我我的用的比较多，不过在项目老大把程序又修改以后出现了一个状况——当页面加载第一页的时候不停地加载，可是页面不显示。莫着急，第三种状况就是解决这个问题的，下面就是见证奇迹的时刻......）function

注意：window.onload可放在list函数后的任何一个位置。class

1 function list(){
2     //具体代码
3 }
4 window.onload=list();

3.第三种其实就是第一种状况中的语法3，你发现了吗？

1 function rolelist(){
2     //具体代码
3 }
4 $(function() {
5     rolelist();
6 })