我无法在.html文档中导入.js文件

Question

我有一点麻烦:在服务器上我发布了一个.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文件没有像这样的错误？非常感谢你!

Answer 1

您无法组合包含和代码,尝试分离您的外部文件,以及如下所示的内联代码:

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

在这里演示Plunker .

多个源显示如果您指定该src属性,则用户代理会忽略内联代码: