在另一个包含的javascript中包含javascript

Question

我正在使用JQuery.UI日期选择器，但是需要进行一些更改才能更新插件小部件，然后才能在Web应用程序中实际使用它。 为了进行测试，我只需要使用常规标签加载JQuery和datepicker库，然后将修改后的代码放入其自己的标签中，最后，将datepicker的标签以及初始化代码放入另一个标签中。 当只有一页使用修改后的日期选择器时，所有这些都有效。

现在，我想开始在多个页面上使用修改后的数据，而不必在每个使用日期的地方都保留对datepicker的所有修改。 我想做的是为datepicker创建一个包装文件，其中包括修改代码和使用datepicker所需的include，然后在使用datepicker的页面中，仅包含包装脚本文件。

这全部归结为在另一个包含的javascript文件中包含javascript文件。

我意识到这是其他一些问题的重复，但是当我尝试了其他问题（如document.write和JQuery addScript技术）中的建议修复程序时，它们似乎不适用于Chrome 。 我遇到的第一个问题是addScript函数告诉我在JQuery库中存在一个问题，该库通常在主文件中带有标记加载。 如果我注释掉addScript，则不会发生错误。 document.write方法似乎正在运行，但随后所有的datepickers都不起作用。

我想知道在另一个脚本加载中如何最好地加载该脚本，因此我可以创建包装器，并且该解决方案需要在所有主流浏览器中都能正常工作。

所有这一切的麻烦之处在于，该过程必须适应使用PHP + Ajax创建的页面，但是我首先要获得一个纯HTML + Javascript + JQuery + JQuery.UI Datepicker解决方案。

如果已经回答了这个问题，并且可以解决我在此处概述的限制，请向我指出该解决方案，请不要只说“重复问题”，而应该保留它。 我已经在该论坛和其他论坛上回顾了这些解决方案，并且看到了许多简单而又复杂的解决方案，这些解决方案无法正常工作或导致正确的错误。

如果标记确实支持嵌套包含，那将非常非常地好，这一切都将变得更加容易，并且使用此概念来支持包装器以隔离对基本库对象的替代就是对象的全部目的。 因此，支持和CSS的健壮的跨浏览器技术确实过期了。 如果它在那里，那么我会想念它的，但是从我所看到的来看，它并不是以“准备好黄金时段”的方式出现的。

谢谢，霍华德·布朗

Answer 1

你尝试过这样的事情吗？

var Loader = function () { }
Loader.prototype = {
    require: function (scripts, callback) {
        this.loadCount      = 0;
        this.totalRequired  = scripts.length;
        this.callback       = callback;

        for (var i = 0; i < scripts.length; i++) {
            this.writeScript(scripts[i]);
        }
    },
    loaded: function (evt) {
        this.loadCount++;

        if (this.loadCount == this.totalRequired && typeof this.callback == 'function') this.callback.call();
    },
    writeScript: function (src) {
        var self = this;
        var s = document.createElement('script');
        s.type = "text/javascript";
        s.async = true;
        s.src = src;
        s.addEventListener('load', function (e) { self.loaded(e); }, false);
        var head = document.getElementsByTagName('head')[0];
        head.appendChild(s);
    }
}

用法

var l = new Loader();
l.require([
    "example-script-1.js",
    "example-script-2.js"], 
    function() {
        // Callback
        console.log('All Scripts Loaded');
    });

您可以根据需要嵌套尽可能多的包含项（每个都包含在各自的回调中），它们仍然可以使用。

感谢CSS Tricks提供解决方案

Answer 2

我非常怀疑您会喜欢我的建议，但是ima无论如何都会尝试

创建一个名为includes.php的文件

将所有内容放入文件

采用

<? include("includes.php"); ?>

需要的地方

这样，您可以将所有脚本放在一个文件中，并用一行简单的代码将它们包含在您想要的页面中

Answer 3

您可以在更改时使用git系统本地存储库，以便在需要时进行一些合并。 那就是我的建议。 分叉原始分支，然后添加您的更改。 这也称为补丁文件。