js之onload事件的一點(diǎn)使用心得
更新時(shí)間:2013年08月14日 09:18:43 作者:
window.load和window.onload的意思并不只是頁(yè)面加載完就執(zhí)行,那要看你怎么用了,下面做了示例為大家介紹下,感興趣的朋友可以參考下
如果我問(wèn)你window.load和window.onload分別是什么意思,恐怕你會(huì)回答我:“這不是頁(yè)面加載完就執(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>
當(dāng)你看到true時(shí)看不到我
</body>
</html>
當(dāng)你看到true的彈出框的時(shí)候,你肯定沒(méi)有看到“當(dāng)你看到true時(shí)看不到我”,說(shuō)明頁(yè)面還沒(méi)有載入完就已經(jīng)開(kāi)始執(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時(shí)就看到我了
</body>
</html>
當(dāng)你看到true的彈出框的時(shí)候,你也會(huì)看到“你看到true時(shí)就看到我了”,這個(gè)才是真正的頁(yè)面載入完才觸發(fā)。
PS:推薦像onload事件之類(lèi)的使用匿名函數(shù)執(zhí)行,即window.onload=function(){ShowMessage();}這種形式。
但是答案是不一定,得看你怎么用??匆幌吕影?
例1:
復(fù)制代碼 代碼如下:
<!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>
當(dāng)你看到true時(shí)看不到我
</body>
</html>
當(dāng)你看到true的彈出框的時(shí)候,你肯定沒(méi)有看到“當(dāng)你看到true時(shí)看不到我”,說(shuō)明頁(yè)面還沒(méi)有載入完就已經(jīng)開(kāi)始執(zhí)行js了。
例2
復(fù)制代碼 代碼如下:
<!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時(shí)就看到我了
</body>
</html>
當(dāng)你看到true的彈出框的時(shí)候,你也會(huì)看到“你看到true時(shí)就看到我了”,這個(gè)才是真正的頁(yè)面載入完才觸發(fā)。
PS:推薦像onload事件之類(lèi)的使用匿名函數(shù)執(zhí)行,即window.onload=function(){ShowMessage();}這種形式。
您可能感興趣的文章:
- Angular.js中window.onload(),$(document).ready()的寫(xiě)法淺析
- 全面解析jQuery $(document).ready()和JavaScript onload事件
- 引用其它js時(shí)如何同時(shí)處理多個(gè)window.onload事件
- 解析頁(yè)面加載與js函數(shù)的執(zhí)行 onload or ready
- JS:window.onload的使用介紹
- js 一個(gè)關(guān)于圖片onload加載的事
- js onload處理html頁(yè)面加載之后的事件
- js中onload與onunload的使用示例
- 原生javascript如何實(shí)現(xiàn)共享onload事件
相關(guān)文章
深入解讀JavaScript中的Hoisting機(jī)制
這篇文章主要介紹了JavaScript中的Hoisting機(jī)制,涉及到JS中變量聲明的相關(guān)問(wèn)題,需要的朋友可以參考下2015-08-08打開(kāi)超鏈需要“確認(rèn)”對(duì)話(huà)框的方法
打開(kāi)超鏈需要“確認(rèn)”對(duì)話(huà)框的方法...2007-03-03ie和firefox中img對(duì)象區(qū)別的困惑
ie和firefox中img對(duì)象區(qū)別的困惑...2006-12-12bgsound 背景音樂(lè) 的一些常用方法及特殊用法小結(jié)
以下的文章是好幾年前收集的,已經(jīng)不記得是從哪里復(fù)制的了;但在這里還是對(duì)原創(chuàng)者表示感謝!2010-05-05淺談js和css內(nèi)聯(lián)外聯(lián)注意事項(xiàng)
下面小編就為大家?guī)?lái)一篇淺談js和css內(nèi)聯(lián)外聯(lián)注意事項(xiàng)。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-06-06