JavaScript包括

Question

我有4个javascript文件（每个用于单个HTML文件），所有4个文件中有3个函数是相同的。 我想找到一个平滑的解决方案，我可以分别包含这三个函数...是否可以在.js中包含.js？

Answer 1

1. 您可以拥有多个<script>标记：

    <script src="lib.js"></script> <script> // do stuff </script> 

2. 你可以使用jQuery ：

    $.getScript("lib.js", function() { // do stuff }); 

3. 您可以使用预处理器一样browserify或的YUICompressor或谷歌的关闭编译器 。

Answer 2

您可以自己编写，例如，因为它适用于谷歌分析：

(function(){
    var lastIncludedScript = document.getElementsByTagName('script')[0];
    var yourScript = document.createElement('script');
    yourScript.type = 'text/javascript';
    yourScript.src = 'path/to/script.js';
    lastIncludedScript.parentNode.insertBefore(yourScript, lastIncludedScript);
})();

或者在功能上：

function includeScript( path ){
    var lastIncludedScript = document.getElementsByTagName('script')[0];
    var yourScript = document.createElement('script');
    yourScript.type = 'text/javascript';
    yourScript.src = path;
    lastIncludedScript.parentNode.insertBefore(yourScript, lastIncludedScript);
}

用法：

includeScript( 'path/to/script.js' );

Answer 3

你可以看一下关于异步加载javascript文件的这个很好的解释 。 这可以解决您的问题。 或者看看这个堆栈溢出问题，关于如何在其他javascript文件中加载javascript文件。

但是，在一个单独的javascript文件中包含您使用的所有内容并在每个站点上加载相同的文件可能值得一试。 这样可以提高性能，因为只需要一个http请求来加载所有javascript，并且可以非常高效地缓存它（因此以后不需要加载任何javascript）。

Answer 4

使用每个html文件中所需的正确js文件。 这将解决您的问题。 还可以为两个html文件添加一个包含一般功能的功能。 这应该可以解决您的问题。

Answer 5

在浏览器中包含来自其他JavaScript的文件有点慢。 我会编写一个服务器端脚本来将所有相关的JavaScript组合并缩小为一个“文件”以发送给客户端。

您的页面可以将参数传递给此脚本以选择需要包含的内容。