【问题标题】:Onload event not working in Dreamweaver browser preview在 Dreamweaver 浏览器预览中,Onload 事件不起作用
【发布时间】:2019-06-04 20:19:32
【问题描述】:

当我运行在 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文件时,它可以完美运行。

【问题讨论】:

  • 检查以确保脚本在主体标签之前(在头标签中),以便在加载主体时功能可用。快速测试将记录 setCol 并查看是否未定义 ->
  • 在它之前。这可能是代码的问题吗?我假设因为它在刚刚使用 chrome 而不是通过 Dreamweaver 打开时工作正常,所以这是某种配置/首选项问题。

标签: javascript html dreamweaver


【解决方案1】:
window.onload = function() {
    setTimeout(function {
        setCol();
    }, 100)
}

然后我假设这将起作用。

当页面被加载时,它会等待 100 毫秒然后运行 ​​setCol();功能

你还得去掉body onload函数

【讨论】:

  • 这也不起作用。应该在原始帖子中指定,对不起,编辑它说这个。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2012-04-21
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多