时间戳

首页 > 解决方案 > Atom：将代码放在正文 HTML 上后，Javascript 显示“ReferenceError：文档未定义”

javascript - Atom：将代码放在正文 HTML 上后，Javascript 显示“ReferenceError：文档未定义”

问题描述

Javascript脚本显示：

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>

此外，当我HTML在 Chrome 浏览器上运行时，点击事件不会触发任何内容。如何将我的两个文件合二为一？将“脚本”与源代码放在一起后有什么问题？

标签： javascripthtmlatom-editor

解决方案

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

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

您可以在此处了解有关该document对象的更多信息

推荐阅读