zoukankan      html  css  js  c++  java
  • 关于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 })
  • 相关阅读:
    解决 “页面中文字增多,字号突然变大” 的问题
    Seajs的用法
    clientWidth、clientHeight、offsetWidth、offsetHeight以及scrollWidth、scrollHeight
    页面中文字增多,字号会突然变大
    flex的使用实例
    移动端弹窗滚动时window窗体也一起滚动的解决办法
    display:inline-block带来的问题及解决办法
    sql 整理积累
    T-SQL建索引
    php json_encode在CI框架中的使用细节
  • 原文地址:https://www.cnblogs.com/sushu-yaya/p/6892475.html
Copyright © 2011-2022 走看看