Question

当我运行Dreamweaver中编码的HTML文件时，我的javascript函数可以完美运行。但是，当通过Dreamweaver的“在浏览器上预览”功能打开该网站时，该网站将无法运行。

这与body标签中的onload="myFunction()"事件有关。如果我通过按钮运行代码，则该函数运行良好。它曾经可以正常工作，但是有一次，当我打开Dreamweaver并在浏览器中预览时，它停止了工作。使用window.onload function(){}也不起作用。

我的头上有以下代码：

<script type="text/javascript">
    function setCol() {
        document.body.style.backgroundColor = "red";
        }
</script>

实际上，该函数会使用随机化器更改其他元素，但我认为这并不重要。

那我有：

<body onload="setCol()">

我希望函数在页面加载时运行，但是通过Dreamweaver预览时不会发生。我在控制台(ctrl + shift + j)中未收到任何错误消息。通过双击或右键单击并使用chrome打开运行HTML文件时，它可以完美工作。

Answer 1

window.onload = function() {
    setTimeout(function {
        setCol();
    }, 100)
}

那么我认为这将起作用。

页面加载后将等待100毫秒，然后运行setCol（）;。功能

您还必须删除body onload功能