首頁 > 網際網路

js什麼方法在onload之前載入

2019-12-12 06:57:13

js是一門很強大的程式語言,在js中有很多方法,這裡我就給大家講解一下什麼方法在onload方法前載入

1

首先,我就給出準確的答案:

jquery中$(document).ready()方法是在onload方法之前載入


2

接下來給出一個範例:

一個html檔案,將下列程式碼複製進去一個html檔案即可,然後使用瀏覽器開啟

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Insert title here</title>

</head>

<!-- 匯入jquery   需要有網路-->

<script src="http://code.jquery.com/jquery-latest.js"></script>

<script type="text/javascript">

window.onload=function(){

alert("onload")

};

$(document).ready(function(){

     alert("ready")

})

</script>

<body>

<h1>這是一個測試</h1>

</body>

</html>


3

然後我們點選開啟這個HTML檔案之後,就可以看到兩者的執行順序



1

雖然第一張圖片中寫的是document.ready,但是我經過一番查詢,防線原生js實現jquery中$(document).ready()方法好像不太行。但是查到別人寫的一種。

格式有點亂,我就不調整了

function ready(fn){

if(document.addEventListener){//標準瀏覽器

document.addEventListener('DOMContentLoaded',function(){

//登出時間,避免重複觸發

document.removeEventListener('DOMContentLoaded',arguments.callee,false);

fn();//執行函數

},false);

}else if(document.attachEvent){//IE瀏覽器

document.attachEvent('onreadystatechange',function(){

if(document.readyState=='complete'){

document.detachEvent('onreadystatechange',arguments.callee);

fn();//函數執行

}

});

}

}


2

接下來說一下怎麼用jquery實現js的onload方法,因為基本只會都是用的jquery。

$(window).load(function (){

       // 編寫程式碼 

 });

等價於 JavaScript 中的下面程式碼 

Window.onload = function (){

     // 編寫程式碼 

}


3

比較推薦使用jquery的寫法。

IT145.com E-mail:sddin#qq.com