HTML

Question

我已经开始使用 JS，但是我在从外部文件调用函数时遇到了一些问题。

我已经尝试了这里发布的其他问题的大多数解决方案，但仍然无法执行该函数。

我有以下 JS 文件 (myjs.js):

console.log("Loaded JS");

//Startup function
function setup(){
    console.log("Testing");
}

setup();

这是使用它的 HTML：

<html>
  <head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="mycss.css"/>
    <script type="text/javascript" src="myjs.js"/>
  </head>

  <body>

    <script type="text/javascript"> setup(); </script>

  </body>

</html>

我已经尝试在正文中加载脚本，然后调用 setup() 函数，并希望在控制台中看到以下内容：

Loaded JS //From loading JS
Testing   //From loading JS
Testing   //Invoking setup

相反，我只看到：

Loaded JS
Testing

我到底做错了什么？

谢谢。

Answer 1

使用a validator。

脚本元素的结束标记 (</script>) 是必需的。

由于您从第一个脚本元素中省略了它，因此它后面的所有内容（包括第二个脚本标签的开始标签）直到 </script> 都在该脚本中。

由于脚本有 src，正文被忽略。

HTML - 从外部文件调用 JS 函数

HTML - Calling JS Function from External File

javascript