前端提示「頁面正在載入」的功能實現

2022-04-03 13:32:05 字數 511 閱讀 6862

首先,當使用者網路比較慢,或者伺服器計算量比較大時,前端展示乙個「頁面正在載入」的提示,對使用者體驗是非常有用的,可以適度緩解使用者的不耐煩的心情。這篇文章主要講解「頁面正在載入」功能的實現,內容比較基礎。

一般而言,它的基礎原理就是將「正在載入」的提示放在乙個div下,頁面開始,但資料還沒到時,這個div是可見的,當資料到位後,將這個div隱藏掉即可。當然這種方法往往配合ajax和jquery實現。最簡單的例子如下:

正在載入....

這裡**相對而言還是相當簡單的,特別要強調是css, position: fixed和_position: absolute;是為了相容ie,z-index: 999; 的作用是將這個圖示出現在頁面的最前端。                  

這種方法,還可以改成用來提示,只要將那段文字替換為以下的即可。  

頁面資料正在載入提示

方法一 直接複製可使用,樣式可以自己設定。1 var loadinghtml 頁面載入中,請等待.在頁面未載入完畢之前顯示的loading html自定義內容 2 document.write loadinghtml 呈現loading效果 3 document.onreadystatechange...

PHP實現的登入頁面資訊提示功能示例

login.php insert title here 通過 error 值,確定提示資訊 if empty get 程式設計客棧error elseif error 2 check login.php session start 初始化session變數 username post name 接收...

js頁面中實現載入更多功能

分頁 如何實現載入更多功能,目前的在很多 上使用的載入更多功能中,使用最多的是iscroll.js實現的上拉載入更多 下拉重新整理功能。但是iscroll.js本身並沒有整合載入更多的功能,需要進行自行擴充套件。最簡單的就是給乙個載入更多的按鈕,實現假分頁載入更多,也就是頁面上是全部的資料,只是按照...