Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/388.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
自动执行Javascript?_Javascript - Fatal编程技术网

自动执行Javascript?

自动执行Javascript?,javascript,Javascript,我有一个脚本,它会使整个网站变灰,并在点击文本“showPopUp”时弹出一个对话框。我的问题是如何让这个脚本在页面加载时自动执行 脚本: <script type="text/javascript"> function showPopUp(el) { var cvr = document.getElementById("cover") var dlg = document.getElementById(el) cvr.styl

我有一个脚本,它会使整个网站变灰,并在点击文本“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>

功能显示弹出窗口(el){
var cvr=document.getElementById(“封面”)
var dlg=document.getElementById(el)
cvr.style.display=“块”
dlg.style.display=“块”
if(document.body.style.overflow=“hidden”){
cvr.style.width=“1024”
cvr.style.height=“100%;”
}
}
功能关闭弹出窗口(el){
var cvr=document.getElementById(“封面”)
var dlg=document.getElementById(el)
cvr.style.display=“无”
dlg.style.display=“无”
document.body.style.overflowY=“滚动”
}

使用
窗口。onload
。位于的文档使用
窗口。onload
。位于

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

注意,“document.ready”事件不是用JavaScript实现的事件,而是由一些JavaScript库(如jQuery)模拟的事件

我没有写一个例子,而是得到了以下两个链接:


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

注意,“document.ready”事件不是用JavaScript实现的事件,而是由一些JavaScript库(如jQuery)模拟的事件

我没有写一个例子,而是得到了以下两个链接:


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

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


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

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

嘿,大卫,我认为JavaScript没有“document.ready”事件。请记住,这被标记为“JavaScript”。@jmort253:Yep,我知道(我使用了双引号)。我正在改进我的答案;)酷!挖掘jQuery源代码并拉出JS!令人惊叹的!嘿,大卫,我认为JavaScript没有“document.ready”事件。请记住,这被标记为“JavaScript”。@jmort253:Yep,我知道(我使用了双引号)。我正在改进我的答案;)酷!挖掘jQuery源代码并拉出JS!令人惊叹的!很抱歉,我没有注意到。编辑。很抱歉,我没有注意到。已编辑。可能重复的可能重复的
...
<script>
    showPopUp('yourObjeID');
</script>
</body>
</html>