Question

将外部javascript文件包含到html中的所有不同方法是什么？请举几个例子。

提前致谢。

Answer 1

三种可能的解决方案

标准方式

<script type="text/javascript" language="javascript" src="myfile.js"></script>

通过Javascript本身（示例）

function loadCoolScript(){
  var file=document.createElement('script')
  file.setAttribute("type","text/javascript")
  file.setAttribute("src", "http://siteb.com/cool-script-location/cool-script.js")
  document.getElementsByTagName("head")[0].appendChild(file)
}

通过LabJS

进行非阻止加载

<script>
   $LAB
   .script("framework.js").wait()
   .script("plugin.framework.js")
   .script("myplugin.framework.js").wait()
   .script("init.js");
</script>

Answer 2

您可以添加<script>代码

，在网页的任意位置添加外部JavaScript文件

<script type="text/javascript" src="yourJavaScriptFile.js"></script>

如果可能，将此部分添加到结束<body>标记之上是有用的。否则会减慢用户可见的其他部分的加载速度。

小心，如果你在html源代码中有一个脚本调用，（例如：<div onclick="functionFromExternalJavaScriptFile()">这将在加载JavaScript文件之前无效，即使用户已经点击了该div。这会触发一个JavaScript错误。

为了确保不会发生这种情况，您必须在该标记上方加载脚本文件。

有一些解决方法可以确保不会触发错误，但我现在不能提供一些示例： - （

Answer 3

以下是三种不同的方式......

1. <script src="js/master.js" type="text/javascript"/>
2. function include(file) {
 var script = document.createElement('script');
 script.src = file; script.type = 'text/javascript';
 script.defer = true;
 document.getElementsByTagName('head').item(0).appendChild(script);
 } 

/* include any js files here */ include('js/myFile1.js'); include('js/myFile2.js');
3.document.write('<script src='myjs' />');

将外部javascript文件包含到html中的所有不同方法是什么？

3 个答案: