js之onload事件的一點使用心得
更新時間:2013年08月14日 09:18:43 作者:
window.load和window.onload的意思并不只是頁面加載完就執(zhí)行,那要看你怎么用了,下面做了示例為大家介紹下,感興趣的朋友可以參考下
如果我問你window.load和window.onload分別是什么意思,恐怕你會回答我:“這不是頁面加載完就執(zhí)行嗎”。
但是答案是不一定,得看你怎么用??匆幌吕影?
例1:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<script type="text/javascript">
function ShowMessage()
{
alert("true");
}
window.onload=ShowMessage();
</script>
</head>
<body>
當你看到true時看不到我
</body>
</html>
當你看到true的彈出框的時候,你肯定沒有看到“當你看到true時看不到我”,說明頁面還沒有載入完就已經(jīng)開始執(zhí)行js了。
例2
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<script type="text/javascript">
function ShowMessage()
{
alert("true");
}
window.onload=function(){ShowMessage();}
</script>
</head>
<body>
你看到true時就看到我了
</body>
</html>
當你看到true的彈出框的時候,你也會看到“你看到true時就看到我了”,這個才是真正的頁面載入完才觸發(fā)。
PS:推薦像onload事件之類的使用匿名函數(shù)執(zhí)行,即window.onload=function(){ShowMessage();}這種形式。
但是答案是不一定,得看你怎么用??匆幌吕影?
例1:
復制代碼 代碼如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<script type="text/javascript">
function ShowMessage()
{
alert("true");
}
window.onload=ShowMessage();
</script>
</head>
<body>
當你看到true時看不到我
</body>
</html>
當你看到true的彈出框的時候,你肯定沒有看到“當你看到true時看不到我”,說明頁面還沒有載入完就已經(jīng)開始執(zhí)行js了。
例2
復制代碼 代碼如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<script type="text/javascript">
function ShowMessage()
{
alert("true");
}
window.onload=function(){ShowMessage();}
</script>
</head>
<body>
你看到true時就看到我了
</body>
</html>
當你看到true的彈出框的時候,你也會看到“你看到true時就看到我了”,這個才是真正的頁面載入完才觸發(fā)。
PS:推薦像onload事件之類的使用匿名函數(shù)執(zhí)行,即window.onload=function(){ShowMessage();}這種形式。
您可能感興趣的文章:
相關(guān)文章
bgsound 背景音樂 的一些常用方法及特殊用法小結(jié)
以下的文章是好幾年前收集的,已經(jīng)不記得是從哪里復制的了;但在這里還是對原創(chuàng)者表示感謝!2010-05-05淺談js和css內(nèi)聯(lián)外聯(lián)注意事項
下面小編就為大家?guī)硪黄獪\談js和css內(nèi)聯(lián)外聯(lián)注意事項。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-06-06