首頁  >  文章  >  web前端  >  在js中規範使用window.onload程式碼範例(含程式碼)

在js中規範使用window.onload程式碼範例(含程式碼)

亚连
亚连原創
2018-05-18 11:18:301768瀏覽

以下是我給大家整理的在js中規範使用window.onload程式碼範例,有興趣的同學可以去看看。

一、window.onload可以正常執行執行的程式碼

<html>
<head>
<script>
window.onload=function()
{
alert(1);
}
</script>
</head>
<body>
<div id="div">sdfasdf</div>
</body>
</html>

二、無法正常執行的程式碼

<html>
<head>
<script>
window.onload=function()
{
alert(1);
}
function()
{
alert("z");
}
</script>
</head>
<body onload="z()">
<div id="div">sdfasdf</div>
</body>
</html>

三、那問題出在哪裡呢?

可以看到第一段程式碼裡面除了一個window.onload之外沒有其它的任何js程式碼,而在第二段程式碼裡面多了一個函數z(),並且第二段程式碼指定了body的onload為z(),所以第二段程式碼在執行的時候就只會執行z()函數裡面的js程式碼,不會去執行window.onload裡面的js程式碼。所以,當你自己指定了onload以後,window.onload就無效了。

上面是我整理給大家的,希望今後對大家有幫助。

相關文章:

透過程式碼詳細為你講解如何在js中建立div,span,label

 js中如何建立model資料模型(程式碼奉上,簡單易懂)

原生JS實作判斷碰撞的方法(趣味實例)

以上是在js中規範使用window.onload程式碼範例(含程式碼)的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn