Atom:Javascript在将代码放在正文HTML上后显示"ReferenceError: document is not defined"



脚本显示:

当我运行此代码时,ReferenceError: document未定义

ReferenceError

HTML和JS:

const button = document.querySelector('#click')
button.addEventListener('click',()=>{
alert('clicked')
})
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>practice</title>
</head>
<body>
<button type="button" id="click" name="button">click me</button>
<script src="Pracitce.js" charset="utf-8"></script>
</body>
</html>

当我在Chrome浏览器上运行HTML时,单击事件不会触发任何东西。我怎样才能把两个文件合二为一呢?把"脚本"与资源后是什么错?

您的浏览器window对象中有文档属性,您需要将JS文件与HTML文件链接,然后运行HTML文件并在浏览器中查看输出

你也可以在浏览器中使用console来运行你的示例JS代码。

您可以在这里了解更多关于document对象的信息

相关内容

  • 没有找到相关文章

最新更新