Question

这里非常简单的问题是，尽管经常搜索，但我还没有找到答案。

最简单的方法是加载/调用保存在文件外部的一段java脚本。因此，几个页面可以使用相同的java脚本，就好像这段脚本实际上被加载到每个页面的头部一样？

Answer 1

将其保存在您的文件系统中，并使用当前目录中的相对路径进行定位（例如，向上一级 - ../）：

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

并将其添加到所需文件的任何位置。（公约在<head>或</body>之前（在身体结束之前）说明

Answer 2

只需将这段JavaScript代码保存在一个单独的文件中，即myscript.js，然后使用以下链接进行链接：

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

Answer 3

“script”标记是DOM的一部分。

您可以像任何其他标记一样添加标记。

如果你使用jquery，它可能看起来像这样：

$(document).ready(function(){

   var file = ? //Somehow acquire your new JS filename

   $("head").append("<script type='text/javascript' src='" + file + "'></script>");

});

您可以在配置文件或数据库中定义服务器端的所有客户端依赖项。因此，您需要做的第一件事就是向服务器查询您的javascript依赖项。

$(document).ready(function(){

   $.ajax({
      url: "some.url",
      type: "get",
      datatype: "json",
      success: function(data){

          for(var i = 0; i < data.clientDependencies.length;i++)
          {
               var jsfile = data.clientDependencies[i].fileName;
               $("head").append("<script type='text/javascript' src='" + jsfile + "'></script>");
          }          

      }

   });

});

您的服务器必须返回以下JSON结构

{ "clientDependencies" : 
   [ 
     { "fileName" : "one.js" },
     { "fileName" : "two.js" } 
   ]
}

注意：这仍然只需要在html页面中硬编码jquery脚本标记，但可以加载所有其他js依赖项，如上所示。

另一种技术是让您的服务器将所有javascript文件合并到一个文件中，然后将该文件提供给您的客户端。然后，您的服务器将根据客户端的要求控制需要哪些客户端依赖项。

但老实说，如今，互联网速度如此之快，以至于在大多数情况下，只需在开始时将所有脚本标签包含在html页面中就不那么麻烦了。

链接到javascript的最佳方式

3 个答案: