DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript基礎知識 >> js之onload事件的一點使用心得
js之onload事件的一點使用心得
編輯:JavaScript基礎知識     
如果我問你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();}這種形式。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved