首頁 web前端 js教程 用js判斷頁面是否載入完成實作程式碼_基礎知識

用js判斷頁面是否載入完成實作程式碼_基礎知識

May 16, 2016 pm 05:46 PM
完成 頁面載入

用document.onreadystatechange的方法來監聽狀態改變,
然後用document.readyState == “complete”判斷是否加載完成
代碼如下

複製程式碼 程式碼如下:

document.onreadystatechange = subSomething;//當頁面載入狀態改變的時候執行這個方法.
function subSomething()
{
if(document.readyState == “complete”) //當頁面載入狀態
myform.submit(); //表單提交
}

頁面載入readyState的五種狀態
原文如下:
0: (Uninitialized) the send( ) method has not yet been invoked.
1: (Loading) the send( ) method has been invoked, request in progress.
2: (Loaded) the send( ) method has completed, entire response received.
3: (Interactive) the responseed being preceived. 4: (Completed) the response has been parsed, is ready for harvesting.


翻譯成中文為: 0 - (未初始化)還沒有呼叫send()方法
1 - (載入完成)send()方法,正在傳送請求
2 - (載入完成)send()方法執行完成,已經接收到全部回應內容
3 - (互動)正在解析回應內容
4 - (完成)回應內容解析完成,可以在客戶端呼叫了
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

JavaScript 如何實作頁面載入進度條功能? JavaScript 如何實作頁面載入進度條功能? Oct 27, 2023 am 08:57 AM

JavaScript如何實作頁面載入進度條功能?在現代網路應用中,頁面載入速度是使用者體驗的關鍵因素之一。為了向使用者展示載入過程,許多網站和應用程式會使用載入進度條。 JavaScript提供了一種簡單而有效的方法來實作頁面載入進度條功能。具體實現過程如下:建立HTML結構首先,在頁面的適當位置建立進度條的HTML結構,常見的是將進度條放置在

如何在空洞中找回遺失的寶箱 如何在空洞中找回遺失的寶箱 Jan 22, 2024 pm 05:30 PM

絕區零找回遺失在空洞中的寶箱怎麼完成呢?這個副本裡的箱子很多,但是因為散落在各處,很多人都找不到,下面我們就和你們一起分享如何快速找到箱子通關副本。絕區零找回遺失在空洞中的寶箱怎麼完成在繩網中看到委託貼子;具體分析:1、我們可以先去繩網中看到委託貼圖【找回遺失在空洞中的寶箱】 ,然後選擇發送訊息。 2.交流兌換以後就可以去領取這個委託任務了,然後就可以開啟這個做法了。 3、然後需要我們進入空洞就可以解鎖這個任務了呢。 4.然後我們就可以接取盜洞客的委託,還可以得到很多數量的齒輪硬幣。 5.出空洞當中需

如何優化Vue開發中的頁面載入動畫問題 如何優化Vue開發中的頁面載入動畫問題 Jun 29, 2023 pm 09:22 PM

如何優化Vue開發中的頁面載入動畫問題摘要:在Vue開發中,頁面載入動畫是提高使用者體驗的重要部分。然而,當頁面內容較多或網路較慢時,載入動畫可能會產生卡頓或延遲的問題。本文將探討如何優化Vue開發中的頁面載入動畫,以提高使用者體驗。引言:隨著網路的發展,使用者對網頁載入速度的要求越來越高。作為目前主流的前端框架之一,Vue在頁面載入動畫方面提供了豐富的解決方案

安全帽的萬能絕區如何實現 安全帽的萬能絕區如何實現 Jan 24, 2024 pm 02:36 PM

絕區零萬用的安全帽要怎麼完成?要做這個任務,必須接取一個先行任務,其實就是去到黑燕工地的舊址,然後接取任務,但是到底要怎麼做才能完成?下面就跟小編一起看看吧。絕區零萬能的安全帽怎麼完成1、前往黑雁工地舊址的位置處,需要在i這裡找到鐵頭然後就是與他進行對話。 2.進行對話之後需要前往坑中的水泥袋旁邊,之後就能夠在這裡看到三個負責安全帽的人,在這裡借安全帽。 3.之後需要找到謹慎的工人進行對話,對話完成後再回到尋找鐵頭。 4.最後與鐵頭對話就能夠完成任務了。上述資訊就是有關於絕區零萬能的安全帽怎麼完成

win10商店頁面載入錯誤0x8013 win10商店頁面載入錯誤0x8013 Dec 23, 2023 pm 08:37 PM

很多小夥伴win10應用軟體商店無法下載應用,顯示無法載入頁面,這是怎麼一回事呢?其實只要在控制面板開啟網路和internet,然後點選internet選項,點進階裡面使用TLS1.1和TLS1.2 ,最後點應用,就可以了,具體的下面一起來看看吧。 win10商店無法載入頁面0x8013的解決方法1、開啟「執行」輸入inetcpl.cpl(「WINDOWS」+「R」鍵,輸入inetcpl.cpl亦可)2、點開高級往下拉,勾上"使用TLS1. 2"選項,或點還原進階設定。 3.最後一步就是重啟應用程式商店了

解決win11商店頁面載入問題 解決win11商店頁面載入問題 Dec 30, 2023 pm 09:06 PM

很多用戶更新了win11系統之後都會在裡面的商店下載軟體進行安裝,但是很多都遇到了無法加載頁面的情況,所以今天就給你們帶來了windows11商店打不開解決方法,快來一起看看怎麼解決吧。 win11商店無法載入頁面怎麼辦:1、先右鍵點選左下角的win圖標,點選設定。 2、然後點選windows設定中的「網路和Internet」。 3、然後就可以在右側的進階網路設定下方找到「網路和共享中心」。 4.進入之後點選左下角的「Internet選項」。 5.最後點選選項中的進階選項卡,勾選“使用TLS1.1和1.2”

鴻蒙版微信適配工作即將完成 華為 Mate70 或首發 鴻蒙版微信適配工作即將完成 華為 Mate70 或首發 Aug 23, 2024 pm 09:31 PM

最新消息報道,華為純血鴻蒙系統HarmonyOSNext的微信適配工作目前已經完成大部分,正式版很快跟用戶見面。此外,除了微信,其他騰訊系的手機應用,也在適配工作。微信現階段基本上完成了大部分適配工作,消息來源稱,小程式等微信功能還需要再等等。如果一切順利,當純血鴻蒙正式登場時,用戶可以直接使用微信。根據先前餘承東的說法,華為將在今年第四季首發純血鴻蒙系統,到時華為Mate70系列上市,想必那時候微信也會正式亮相。另外,根據一些爆料稱,鴻蒙版微信或可能是一個簡化版,這個版本只包含微信的一些核心功能,

Vue開發中如何解決頁面載入逾時問題 Vue開發中如何解決頁面載入逾時問題 Jun 29, 2023 am 10:46 AM

Vue開發中如何解決頁面載入超時問題在Vue開發中,頁面載入逾時問題是一個常見的現象。當我們造訪一個頁面時,如果頁面載入的內容過多或網路環境不穩定,可能會導致頁面載入時間過長,甚至出現頁面載入逾時的情況。這對使用者體驗來說是非常不友善的。因此,我們需要進行一些處理措施,以解決頁面載入逾時問題。一、優化頁面載入速度首先,我們可以透過一些優化技巧來減少頁面載入的

See all articles