關於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 })

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。