HTML頁面載入和layer層衝突問題

2022-07-24 01:42:15 字數 798 閱讀 8549

關於html頁面載入完成後執行,有以下幾種方式:

第一種  用js載入:window.onload

第二種 用jquery載入 $(document).ready()

第二種方法也可以簡寫為下面的方式:

這樣,當html頁面載入成功後執行相應的動作。

在寫專案的時候,我需要在頁面載入完成後點選按鈕彈出layer,這個動作卻和上面兩個方法寫的html載入出現了問題。

我的主頁面html載入完成會請求一些資料顯示出來,而當我點選增加按鈕的時候,layer層彈出,這乙個動作也被認為成乙個html的載入動作,發出了資料請求,這樣一來就出問題了.

解決方法:

把頁面載入這個功能放到主頁面body標籤裡面

這樣一來就不會發生問題了。

後面還有各注意的是layer關閉的時候注意,要重新整理下頁面,

基於layer 的帶載入層ajax 模板

日常開發中前端頁面書寫必不可少的便是ajax的應用,無論是資料的獲取,還是表單的提交 儲存 修改,ajax非同步呼叫都將是乙個完美的選擇,但是單純的ajax使用給客戶的感知度並不好,使用者並不知道此次訪問具體的完成程度,此時,乙個方便的載入層就顯得至關重要了。乙個載入層的實現不僅能使使用者體驗度大大...

html頁面載入順序

html頁面按順序載入 總體上,html的是按從上到下的順序邊載入邊解析,邊生成dom物件,至於在html中夾雜的 document.write x 之類的東西,它們的順序是怎樣的呢?還是一樣,如果在解析html時,遇到這些東西就會停止解析,轉而執行這些生成語句,如果中間插入外部鏈結,就轉而解析 執...

HTML頁面載入和請求傳送時LOADING動畫

第一步 在頁面中加入div 正在載入.第二部 編寫css檔案 loading.css loadingdiv 第三部 在頁面中引入css檔案 第四步 編寫js檔案 loading.js 新增事件 document.onreadystatechange statechangefun 頁面狀態發生改變時呼...