HTML網頁中的html body onload自動跳轉方法介紹及自動跳轉程式碼示例
阿新 • • 發佈：2019-01-27
HTML網頁中的html body onload自動跳轉方法介紹
html body onload就是“頁面載入完成後執行的動作”。一般寫在body裡面。例如，在html頁面中有一個大圖片，想要在圖片顯示出來後提示一個訊息框“圖片載入完成”，如果你直接寫在JS裡function（）{alert（“圖片載入完成”）;}因為程式碼執行順序是從上到下一次執行，圖片還沒載入，而函式已經執行那麼就不合理了，所以用onload方法，就是為了等頁面的東西都載入完了才執行。
在網頁載入時通過onload事件指定parent.location進行自動跳轉。
示例如下：
| 1 |
<body onLoad="parent.location='http://www.169it.Com'"> www.169it.com
|
window.onload和body中的onload事件對比
在js的程式碼中用了window.onload後,可能會影響到body中的onload事件。你可以全寫在body 中，也可以全放到window.onload中，但是這樣並不是很方便，有時我們需要兩個同時用到。這時就要用window.attachEvent和 window.addEventListener來解決一下。
| 1 2 3 4 5 |
if (document.all){
window.attachEvent('onload',函式名)//IE中
}
else{
window.addEventListener('load',函式名,false);//firefox |