js頁面載入完成

① js中常用方法以及document.readyState 判斷頁面是否載入完成 complete和interactive

js中常用方法以及document.readyState 判斷頁面是否載入完成 complete和interactive

傳回XML 文件資料的目前狀況。 基本語法 intState ＝ xmlDocument.readyState; 說 明 這個屬性是只讀的，傳回值有以下的可能： 0-UNINITIALIZED：XML 對象被產生，但沒有任何文件被載入。 1-LOADING：載入程序進行中，但文件尚未開始解析。 2-LOADED：部分的文件已經載入且進行解析，但對象模型尚未生效。 3-INTERACTIVE：僅對已載入的部分文件有效，在此情況下，對象模型是有效但只讀的。 4-COMPLETED：文件已完全載入，代表載入成功。 范 例 alert("The readyState property is " + xmlDoc.readyState);
1.窗口關閉時執行的函數 window.onbeforeunload = function(){}

2.頁面載入情況判斷document.readyState值可以是complete和interactive

function document.onreadystatechange() { if(document.readyState=="complete") alert(document.readyState); }

或者：

document.onreadystatechange = init;
function init() {

if(document.readyState=="complete") {.........}

}

3.屏蔽右鍵功能和嚴禁選中操作

//document.oncontextmenu=new Function("event.returnValue=false;");

//document.onselectstart=new Function("event.returnValue=false;");

4.滑鼠位置判斷

window.event.y和window.event.x //x,y是滑鼠相對於當前瀏覽器的位置

window.event.screenY和window.event.screenX //screenX,screenY是相對於用戶顯示器的位置

window.event.clientY和window.event.clientX //clientX, clientY是滑鼠當前相對於網頁的位置，

window.event.offsetY和window.event.offsetX //offsetX, offsetY是滑鼠當前相對於網頁中的某一區域的位置，當滑鼠位於頁面中這一區域的左上角時offsetX=0, offsetY=0；

5.窗口大小判斷

document.documentElement.scrollWidth和document.documentElement.scrollHeight //獲取窗口的寬和高

6.返回值

window.event.returnValue="真的要關閉嗎"; //彈出一個確認信息,確認事件是否要執行

return confirm("真的要關閉嗎"); //兩個是一樣的功能

7.獲取隨機數 parseInt(Math.random()*100) //獲取1至100之間的隨機數

② js載入完成事件

一般來說引入js的話都是在頁面底部所有內容之後，</body>之前引入js文件，這樣的話不影響頁面的載入，並且因為在所有html之後載入，js中的獲取html元素也都能獲取到。

至於你說的在js文件載入完之後執行某個方法，那就在你引入js文件之後執行方法就行了。

<scriptsrc="引入js文件"></script>
<script>
//調用文件方法名
aaa();
</script>

//比如你js文件中方法為
functionaaa(){
alert(123);
}

③ JS 頁面載入觸發事件 document.ready和onload的區別

一、意思不同

ready，表示文檔結構已經載入完成（不包含圖片等非文字媒體文件）。

onload，指示頁麵包含圖片等文件在內的所有元素都載入完成。

二、作用不同

Dom Ready是在dom載入完成後就可以直接對dom進行操作，比如一張圖片只要<img>標簽完成，不用等這個圖片載入完成，就可以設置圖片的寬高的屬性或樣式等。

Dom Load是在整個document文檔（包括了載入圖片等其他信息）載入完成後就可以直接對dom進行操作，比如一張圖片要等這個圖標載入完成之後才能設置圖片的寬高的屬性或樣式等。

三、用法不同

用原生的js的時候我們通常用onload時間來做一些事情，比如：

window.οnlοad=function(){

//do something

}

或者經常用到的圖片，假設這個

document.getElementById("imgID").οnlοad=function(){

//do something

}

這種就是Dom Load，他的作用或者意義就是:在document文檔載入完成後就可以可以對DOM進行操作，document文檔包括了載入圖片等其他信息。

那麼Dom Load就是在頁面響應載入的順序中的「載入圖片等其他信息」之後，就可以操作Dom了。

④ js怎麼在頁面載入完成之後自動觸發滑鼠移入事件

添加onmouseover 事件即滑鼠移入對象時觸發的時間js圖片自動切換 用的是js的定時器方法吧添加onmouseover 事件方法中可以寫一段腳本 終止定時器的作用。則可以停止切換onmouseout 在滑鼠從元素上離開後會觸發的事件 可以再寫方法讓定時器生效。還有什麼不明白的可以追問

⑤ 如何在頁面載入完成後調用js函數

比較簡單的抄頁面，可以採用‍

//放置在襲<header></header>之間
window.onload=function(){
//在這里寫js
}

//或其他javascript框架所定義的函數(也是應用onload)，比如jquery:
$(function(){

});

//或將js放在頁面底部，</body>之上。

對於比較復雜的頁面，比如，某些數據（包括文字，圖片，遠程載入第三方的內容，以及來自後台通過非同步調用耗時的數據等）載入，那麼，就需要自定義一個loading函數，在loading函數中，判斷所有內容均載入完成後，同時在未載入完成前，需要顯示給用戶一個載入中的界面，當完成載入後，隱藏或刪除這個界面，最後‍來調用你希望的js函數。以防止不可預期性。

⑥ 提問：js怎樣能夠判斷頁面上某個元素是否已經載入完畢

或者，把js代碼寫在html元素代碼之後，此時元素是100%絕對已經載入完畢。 或者，js代碼寫在window.onload 事件之中。

⑦ JS問題:真實loading 頁面載入完在顯示頁面

if(document.readyState==="complete"){
//移除loading效果
}

此方法所有主流瀏覽器都支持，放心使用！

⑧ vue.js實現頁面載入完成執行函數

vue.js實現頁面載入完成執行函數
功能和jquery的
<script>
$(function () {
alert("1111");
})
</script>相同

⑨ JS判斷頁面載入完成無效

通過用document.onreadystatechange的方法來監聽狀態改變， 然後用document.readyState == 「complete」判斷是否載入完成。
可以採用2個div，其中一個在前面，一個在後面，前面的先顯示，裡面放一個頁面正在載入中的小圖片，小flash都可以。

後面的div開始載入內容，在頁面上隨時監測載入是否完畢，如果載入完畢，將前面的div隱藏，後面的div提到前面來即可。

document.onreadystatechange = subSomething;//當頁面載入狀態改變的時候執行這個方法.
function subSomething()
{
if(document.readyState == 「Loaded」) //當頁面載入狀態
{
//Load提示第一個div隱藏掉
//將Html顯示
}

頁面載入readyState的五種狀態 原文如下:

0: (Uninitialized) the send( ) method has not yet been invoked.
0 － （未初始化）還沒有調用send()方法
1: (Loading) the send( ) method has been invoked, request in progress.
1 － （載入）已調用send()方法，正在發送請求

2: (Loaded) the send( ) method has completed, entire response received.
2 － （載入完成）send()方法執行完成，已經接收到全部響應內容

3: (Interactive) the response is being parsed. 4: (Completed) the response has been parsed, is ready for harvesting.
3 － （交互）正在解析響應內容

4: (Completed) the response has been parsed, is ready for harvesting.
（完成）響應內容解析完成，可以在客戶端調用了