Question

我想知道如何在另一个.js文件中导入.js文件，就像我们在另一个css文件中导入css文件一样

all.css文件就像这样......

     @import "simple1.css";
     @import "simple2.css";
     @import "simple3.css";
     @import "simple4.css";

同样我想在我的custom.js文件中导入js / jquery-1.7.1.min.js

custom.js文件就像这样

    $(document).ready(function(){

    $("#AddImage").html("<img src='"+clientID+".jpg'/>");

    });

我不想包括像

这样的js / jquery-1.7.1.min.js

      <script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>

我想将它包含在我的custom.js文件中。

请帮忙！在此先感谢!!!

Answer 1

您可以创建如下所示的功能。

function importJs(url)
{
    var head = document.getElementsByTagName('head')[0];
    var script = document.createElement('script');
    script.type = 'text/javascript';
    script.src = url;

    head.appendChild(script);
}

运行代码，请参阅下面的示例

importJs("myScript.js");

现在您可以在任何js中使用importJs()。您可以将其用于JS，类似于CSS中的@import。

Answer 2

这段代码使用jQuery

为我工作

$.getScript("myscript.js");

Answer 3

这是插件http://code.google.com/p/jquery-include/。这个jQuery插件提供了类似于SSI的基于浏览器的文件。

$(document).includeReady(function () {

        // initialisation code here
        // e.g. modify include dom

});

并使用它

<span data-src="includes/test1.html">

        <p class="error-msg">include has not loaded</p>

</span>

如何在另一个js文件中导入js文件，就像我们在另一个css文件中导入css文件一样

3 个答案: