cari

Rumah  >  Artikel  >  hujung hadapan web  >  在js中规范使用window.onload代码示例（含有代码）

在js中规范使用window.onload代码示例（含有代码）

亚连
亚连asal
2018-05-18 11:18:301759semak imbas

下面是我给大家整理的在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实现判断碰撞的方法（趣味实例）

Atas ialah kandungan terperinci 在js中规范使用window.onload代码示例（含有代码）. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：通过代码详细为你讲解如何在js中创建div，span，labelArtikel seterusnya：如何在JsRender 循环内部引用父级数据(附上代码，详细为你介绍)

Artikel berkaitan

Lihat lagi