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

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

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

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

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

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

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="">一起使用。

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

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

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

3.第三种其实就是第一种情况中的语法3,你发现了吗?

1 function rolelist(){
2     //具体代码
3 }
4 $(function() {
5     rolelist();
6 })
原文地址:https://www.cnblogs.com/sushu-yaya/p/6892475.html