Question

我有一个灰色整个网站的脚本，当点击文本'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>

Answer 1

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

或

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

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

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

Answer 2

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

上的文档

Answer 3

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

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

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

自动执行Javascript？

3 个答案: