脚本显示:
当我运行此代码时,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
对象的信息