網頁設計:document.onLoad的觸發時間

來源:互聯網
上載者:User
設計|網頁|網頁設計

  昨天在寫一個網頁特效時,總是提示錯誤。一直到今天通過一個樣本才知道原因。

  我一直認為使用javascript的document.onLoad指定一個函數,跟在Body標籤中加入onLoad是一樣的不過能過今天的樣本發現,document.onLoad並不是在頁面載入完成時引發。範例程式碼如下:(測試環境Win2003 + IE7)

 1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 2<html>
 3<head>
 4<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
 5<title>無標題文檔</title>
 6<script language="JavaScript">
 7function mytest(){
 8    alert(document.getElementById("my2"));
 9}
10document.onLoad = mytest();
11</script>
12</head>
13
14<body>
15<p id="my2">測試內容</p>
16</body>
17</html>

  開啟樣本中的htm檔案時,在頁面沒有完全顯示,即白屏的時侯就彈出提示對話方塊了。說明mytest在頁面沒有顯示完成時就被調用。

  注釋掉document.onLoad這句,然後修改body標籤為

<body >

  重新開啟頁面,此時才是頁面載入完成後才調用mytest。不知道什麼原因,呵呵。



相關文章

Cloud Intelligence Leading the Digital Future

Alibaba Cloud ACtivate Online Conference, Nov. 20th & 21st, 2019 (UTC+08)

Register Now >

Starter Package

SSD Cloud server and data transfer for only $2.50 a month

Get Started >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。