我正在做一项作业，要求我将外部 JS 文件链接到 HTML 文件中。这是 JS(文件名“whileLoop.js”):
function evenCount () {
var loopCount = 2;
while (loopCount <= 101) {
document.write(loopCount + " is an even number. <br /">);
loopCount = (loopCount + 2);
}
}
这是 HTML:
<!DOCTYPE html>
<head>
<title>JS Assignment</title>
<head>
<body>
<script type="text/javascript" src="/whileLoop.js"></script>
</body>
</html>
如果我将原始 JS 代码(没有函数调用)复制到标签内的 HTML 文件中，则 HTML 输出正确。当我尝试链接到 HTML 文件内的 JS 文件时，HTML 输出一个空白页面。
预期输出是一个列出 2 到 101 之间每个偶数的页面。
最佳答案
document.write该行在<br /">处有语法错误- 请注意 > 左侧的引号而不是在右边？
对于直接在 HTML 中而不是外部文件中的 JS，您可以通过将任何 JS 包装在 <script></script> 中来将其包含在 HTML 中。而当包含外部 JS 文件时，您需要使用 <script>与 src属性指向该文件并确保 <script src='whileLoop.js'> 内没有任何内容和结束</script> 。在您的具体情况下，如果您想使用外部文件，请确保 whileLoop.js与您的 index.html 位于同一目录中然后按照下面的代码片段包含它:
这是您的代码，使用 HTML 中的脚本和 <head> 中包含的另一个文件。 HTML 的一部分。请注意，该脚本包含在 <head> 中没有任何效果，我添加该行只是为了向您展示让 JS 在代码中工作的两种方法。
<head>
<title>JS Assignment</title>
<head>
<script type="text/javascript" src="whileLoop.js"></script>
</head>
<body>
<script>
function evenCount () {
var loopCount = 2;
while (loopCount <= 101) {
document.write(loopCount + " is an even number. <br />");
loopCount = (loopCount + 2);
}
}
evenCount();
</script>
</body>关于javascript - 链接外部 JS 文件，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/46132212/