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

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

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

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

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

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

1.当DOM已经加载,并且页面(包括图像)已经完全呈现时,会发生ready事件。

ready()函数规定当ready事件发生时执行的代码;ready()函数仅能用于当前文档,因此无需选择器。

  //1.语法1
$(document).ready(function(){
//具体程序
})
//2.语法2
$().ready(function(){
//具体程序
})
//3.语法3
$(function(){
//具体程序
})

注意:ready()函数不应与<body onload="">一起使用。

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

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

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

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

 function rolelist(){
//具体代码
}
$(function() {
rolelist();
})
上一篇:(一)基于阿里云的MQTT远程控制(Android 连接MQTT服务器,ESP8266连接MQTT服务器实现远程通信控制----简单的连接通信)


下一篇:servlet学习记录:Servlet中的service()方法