JS之ONLoad事件


如果我問你window.load和window.onload分別是什么意思,恐怕你會回答我:“這不是頁面加載完就執行嗎”。  
  
  但是答案是不一定,得看你怎么用。看一下例子吧  
  
例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時看不到我”,說明頁面還沒有載入完就已經開始執行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時就看到我了”,這個才是真正的頁面載入完才觸發。  
  
PS:推薦像onload事件之類的使用匿名函數執行,即window.onload=function(){ShowMessage();}這種形式。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM