2012-11-05 28 views
0

我有这个脚本,灰色的整个网站,并提出了一个对话框,当文字'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> 
+0

的可能重复[?我怎么自动执行的JavaScript(http://stackoverflow.com/questions/2644615/how-do-i-automatically-execute-javascript) –

回答

0

更好的方法是使用“document.ready”事件,而不是window.load,因为加载事件只是在所有页面资源加载后触发,而在文档之后触发ready事件准备就绪(所有HTML都已加载并且DOM已准备就绪)。

请注意,“document.ready”事件不是在JavaScript中实现的事件,而是由某些JavaScript库(如jQuery)“模拟”的事件。

而不是写一个例子中,我得到了这两个环节,一起来看看:

+0

嘿大卫,我不认为JavaScript有一个“document.ready”事件。请记住,这被标记为“JavaScript”。 – jmort253

+0

@ jmort253:是的,我知道它(我用双引号)。我正在改进我的答案;) – davidbuzatto

+0

酷!挖掘jQuery源代码并提取JS!真棒! – jmort253

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

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

或身体结束前插入脚本:

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

showPopUp有1个参数... showPopUp('yourObjectID') – Mate

+0

对不起,我没有注意到。编辑。 –