onload和onclick及其他事件的預設執行順序
阿新 • • 發佈:2019-02-20
/* onclick事件在onload事件後執行,執行結果成功 */
window.onload = function(){
alert("頁面載入完成了,後續onclick事件開始執行");
document.getElementById("btn").onclick=function()
{
alert("onclick事件開始執行");
document.write("<center style='color:red;'>讓你不要點不要點,你非要點,看吧,是不是頁面之前的所有內容都沒了</center><br/>" );
document.write("<center style='color:red;'>為什麼頁面之前的內容沒有了?</center><br/>");
document.write("<center style='color:red;'>答:因為頁面載入完成以後,瀏覽器輸出流隨之關閉。給button添加了onclick事件,當該事件被觸發時,瀏覽器輸出流重新開啟,重新輸出內容,所以之前的內容會被覆蓋掉</center>");
// 是否說明onclick事件以及其他事件會觸發或者說促使頁面載入完成,即頁面onload事件的觸發?
//document.close();
}
}
/* onload事件在onclick之後執行,執行結果 失敗
document.getELementById("btn").onclick = function(){
alert("onclick事件開始執行");
window.onload = function(){
alert("onload事件開始執行");
document.write("<center style='color:red;'>讓你不要點不要點,你非要點,看吧,是不是頁面之前的所有內容都沒了</center><br/>");
document.write("<center style='color:red;'>為什麼頁面之前的內容沒有了?</center><br/>");
document.write("<center style='color:red;'>答:因為頁面載入完成以後,瀏覽器輸出流隨之關閉。給button添加了onclick事件,當該事件被觸發時,瀏覽器輸出流重新開啟,重新輸出內容,所以之前的內容會被覆蓋掉</center>");
}
}
*/