自動執行Javascript嗎？

我有這個腳本，灰色的整個網站，並提出了一個對話框，當文字'showPopUp'被點擊。我的問題是如何讓這個腳本在頁面加載時自動執行？自動執行Javascript嗎？

腳本：

<script type="text/javascript"> 
    function showPopUp(el) { 
     var cvr = document.getElementById("cover") 
     var dlg = document.getElementById(el) 
     cvr.style.display = "block" 
     dlg.style.display = "block" 
     if(document.body.style.overflow = "hidden") { 
      cvr.style.width = "1024" 
      cvr.style.height = "100&#37;" 
     } 
    } 

    function closePopUp(el) { 
     var cvr = document.getElementById("cover") 
     var dlg = document.getElementById(el) 
     cvr.style.display = "none" 
     dlg.style.display = "none" 
     document.body.style.overflowY = "scroll" 
    } 
</script>

來源

2012-11-05 Matthew Williams

的可能重複[？我怎麼自動執行的JavaScript（http://stackoverflow.com/questions/2644615/how-do-i-automatically-execute-javascript） –

使用window.onload。文檔位於https://developer.mozilla.org/en-US/docs/DOM/window.onload

來源

2012-11-05 01:46:29

更好的方法是使用「document.ready」事件，而不是window.load，因爲加載事件只是在所有頁面資源加載後觸發，而在文檔之後觸發ready事件準備就緒（所有HTML都已加載並且DOM已準備就緒）。

請注意，「document.ready」事件不是在JavaScript中實現的事件，而是由某些JavaScript庫（如jQuery）「模擬」的事件。

而不是寫一個例子中，我得到了這兩個環節，一起來看看：

來源

2012-11-05 01:48:07 davidbuzatto

嘿大衛，我不認爲JavaScript有一個「document.ready」事件。請記住，這被標記爲「JavaScript」。 – jmort253

@ jmort253：是的，我知道它（我用雙引號）。我正在改進我的答案;） – davidbuzatto

酷！挖掘jQuery源代碼並提取JS！真棒！ – jmort253

window.onload = function() { 
    showPopUp('yourObjeID'); 
};

或

<body onload="showPopUp('yourObjeID');">

或身體結束前插入腳本：

... 
<script> 
    showPopUp('yourObjeID'); 
</script> 
</body> 
</html>

來源

2012-11-05 01:49:51

showPopUp有1個參數... showPopUp（'yourObjectID'） – Mate

對不起，我沒有注意到。編輯。 –

自動執行Javascript嗎？

回答

相關問題