ReferenceError(警报和)文档“未定义”

问题描述 投票:0回答:3

出于培训目的,我正在做一个微型项目,仅由index.html和index.js和index.css组成。

我在alertdocument上都在本地获取ReferenceError,但除此之外,一切都在运行。 我在浏览器中没有收到错误

不是我认为这很重要,但是:Mac OS Catalina。VS代码1.14.1

这里是代码:

alert('JS file is linked correctly');
let elemH1 = document.getElementById('id1');

我把script标记放在</body>之前:

<!DOCTYPE html> 
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <link rel="stylesheet" href="index.css">
  <title>Document</title>
</head>
<body>
  <h1 id="id1">Is this purple?</h1>
  <script src="index.js"></script>
</body>
</html>

我一直在寻找解决方案,但到目前为止还没有运气。

javascript dom referenceerror
3个回答
0
投票

用此替换您的脚本标签

<script type="text/javascript" src="index.js"></script>


-1
投票

它可能是到index.js的链接,请一次尝试以下行之一

    <script src="/index.js"></script>

    <script src="./index.js"></script>

这表示要返回上一步


-1
投票

只需从body元素中删除脚本标签,如下所示:

<!DOCTYPE html> 
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <link rel="stylesheet" href="index.css">
  <title>Document</title>
</head>
<body>
  <h1 id="id1">Is this purple?</h1>
</body>
<script src="index.js"></script> 
</html>

这肯定会起作用!

© www.soinside.com 2019 - 2024. All rights reserved.