我最近开始学习 JS，我遇到了一个无法解决的问题...我尝试了很多解决方案，但没有任何帮助。
我有一个非常基本的 JS 代码:
<body>
<h1>My First JS Page</h1>
<p id="demo">My First Paragraph.</p>
<script>
document.getElementById("demo").innerHTML="My First JavaScript";
</script>
</body>
当脚本位于下面时，代码可以工作，但是如果我将相同的脚本附加为外部脚本，并将其连接到 header 中的 HTML，则该脚本将无法工作......
最佳答案
您应该将外部脚本包装在
window.onload
示例
HTML
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>My first JS</title>
<script src="test.js"></script>
</head>
<body>
<h1>My First JS Page</h1>
<p id="demo">My First Paragraph.</p>
</body>
</html>
JS 文件名 test.js
window.onload = function () {
document.getElementById("demo").innerHTML="My First JavaScript";
//more code can go here if you want
}
关于javascript - 外部JS代码，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/12213329/