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 - 从外部文件

1 个答案: