出于培训目的,我正在做一个微型项目,仅由index.html和index.js和index.css组成。
我在alert
和document
上都在本地获取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>
我一直在寻找解决方案,但到目前为止还没有运气。
用此替换您的脚本标签
<script type="text/javascript" src="index.js"></script>
它可能是到index.js的链接,请一次尝试以下行之一
<script src="/index.js"></script>
<script src="./index.js"></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>
</body>
<script src="index.js"></script>
</html>
这肯定会起作用!