我无法在 .html 文档上导入 .js 文件答案

【问题标题】：I can't import a .js file on a .html document我无法在 .html 文档上导入 .js 文件
【发布时间】：2018-02-19 14:57:05
【问题描述】：

我有一点麻烦：在服务器上我发布了一个 .js 文件，我在其中声明了一个简化 document.write() 函数的函数：

function print(id, text){document.getElementById(id).innerHTML = text;}

我已经测试了调用函数print("paragraph", "Hello, world!"); 的这段代码并且它可以工作，但是我不知道为什么当我创建一个新的 .html 文件并导入 easyjs_demo.js 文件并在<script> 标签我调用了print 函数，它不起作用：

<body>
      <p id="paragraph"></p>
      <script src="easyjs_demo.js">
      print("paragraph", "Hello, world!");
      </script>
</body>

您知道如何导入 .js 文件而不会出现这样的错误吗？非常感谢！

【问题讨论】：

【解决方案1】：

您不能将包含和代码结合起来，尝试将您的外部文件和内联代码分开，如下所示：

<script src="easyjs_demo.js"></script>
<script>
  print("paragraph", "Hello, world!");
</script>

演示 Plunker here。

多个来源表明，如果您指定 src 属性，用户代理会忽略内联代码：

【讨论】：