0

我有这个脚本使整个网站变灰，并在单击文本“showPopUp”时弹出一个对话框。我的问题是如何让这个脚本在页面加载时自动执行？

脚本：

<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>
4

3 回答 3

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

或者

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

或在正文结束之前插入脚本：

...
<script>
    showPopUp('yourObjeID');
</script>
</body>
</html>
于 2012-11-05T01:49:51.917 回答
1

使用window.onload. https://developer.mozilla.org/en-US/docs/DOM/window.onload上的文档

于 2012-11-05T01:46:29.270 回答
0

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

请注意，“document.ready”事件不是在 JavaScript 中实现的事件，而是由一些 JavaScript 库（如 jQuery）“模拟”的。

我没有写一个例子，而是得到了这两个链接，看看：

于 2012-11-05T01:48:07.410 回答