快捷導(dǎo)航

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

復(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事件之類的使用匿名函數(shù)執(zhí)行，即window.onload=function(){ShowMessage();}這種形式。

您可能感興趣的文章:

相關(guān)文章

淺談javascript中createElement事件
本文通過(guò)示例向大家簡(jiǎn)單介紹了javascript中的createElement事件,需要的朋友可以參考下
2014-12-12
jQuery Mobile 和 Kendo UI 的比較
這篇文章主要介紹了jQuery Mobile 和 Kendo UI 的比較,需要的朋友可以參考下
2016-05-05
Web面試常問(wèn)回流reflow與重繪repaint原理及區(qū)別
本文主要為大家講解了瀏覽器的渲染機(jī)制回流與重繪的原理，有需要的朋友可以借鑒參考下，希望可以有所幫助，祝大家多多進(jìn)步早日升職加薪
2021-09-09
JavaScript實(shí)現(xiàn)關(guān)鍵字高亮功能
關(guān)鍵詞高亮技術(shù)各大CMS基本上都有，但基本都是后端代碼來(lái)實(shí)現(xiàn)的，今天我們探討下如何使用javascript來(lái)實(shí)現(xiàn)代碼高亮技術(shù)。
2014-11-11
JavaScript parseInt()與Number()區(qū)別案例詳解
這篇文章主要介紹了JavaScript parseInt()與Number()區(qū)別案例詳解,本篇文章通過(guò)簡(jiǎn)要的案例,講解了該項(xiàng)技術(shù)的了解與使用,以下就是詳細(xì)內(nèi)容,需要的朋友可以參考下
2021-09-09
javaScript 事件綁定、事件冒泡、事件捕獲和事件執(zhí)行順序整理總結(jié)
這篇文章主要介紹了javaScript 事件綁定、事件冒泡、事件捕獲和事件執(zhí)行順序整理總結(jié)的相關(guān)資料,需要的朋友可以參考下
2016-10-10
js獲取height和width的方法說(shuō)明
js獲取height和width屬性的值在日常開(kāi)發(fā)中很常見(jiàn)，于是本人搜集整理了一下，感興趣的朋友可以參考下
2013-01-01
js數(shù)組的操作指南
這篇文章主要介紹了js數(shù)組的操作指南的相關(guān)資料,需要的朋友可以參考下
2014-12-12
javascript內(nèi)存管理詳細(xì)解析
本文是對(duì)javascript中的內(nèi)存管理進(jìn)行了詳細(xì)的分析介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助
2013-11-11
簡(jiǎn)單談?wù)凧avascript函數(shù)中的arguments
在JavaScript中，arguments對(duì)象是比較特別的一個(gè)對(duì)象，實(shí)際上是當(dāng)前函數(shù)的一個(gè)內(nèi)置屬性。下面這篇文章主要介紹了關(guān)于Javascript函數(shù)中的arguments面貌以及如何轉(zhuǎn)化為數(shù)組的相關(guān)資料，需要的朋友可以參考借鑒，下面來(lái)一起看看吧。
2017-02-02