1. 程式人生 > >onload和onclick及其他事件的預設執行順序

onload和onclick及其他事件的預設執行順序

/* 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>"); } } */