<!DOCTYPE html>
<html>
<head>
<title>Post Lecture Task</title>
</head>
<body>
<h1 id="demo" onmouseover="mouseOver">Mouse over me</h1>
<script src="Documents/postlecture.js"></script>
</body>
</html>
如果我在内部包含JS，它就会工作，但我很困惑为什么当它作为外部JS文件连接时不会工作。
function mouseOver() {
document.getElementById("demo").style.color = "red";
}
js-src这将取决于您的文件所在的位置。同样，在这个例子中。我认为你应该补充
onmouseover＝"；mouseOver"；
与onmouseover＝"；mouseOver((">
如果您的index.html文件与postelecture.js文件位于同一位置，那么您可以执行以下操作，
<!DOCTYPE html>
<html>
<head>
<title>Post Lecture Task</title>
</head>
<body>
<h1 id="demo" onmouseover="mouseOver()">Mouse over me</h1>
<script type="text/javascript" src="postlecture.js"></script>
</body>
</html>
<!--postlecture.js file -->
function mouseOver() {
document.getElementById("demo").style.color = "red";
}