关于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 })