javascript - 从 javascript 调用 javascript

Question

我需要将以下整个代码放入名为 activate.js 的 JavaScript 中。你能告诉我怎么做吗？

<script type="text/javascript" src="http://domain.com/tyr1.js"></script>
<script type="text/javascript">
var int = new int({
    seconds: 30,
    markUser: true,
    markPeriod: 0
});
pop.add("http://www.google.com", "google", "0");
pop.add("http://www.yahoo.com", "yahoo", "1");
pop.add("http://www.bing.com", "bing", "2");
pop.show();
</script>

Answer 1

正如我在上面的评论中提到的，你不能完全做你想做的事，因为 JavaScript 本身没有包含其他 JavaScript 文件的机制。 JavaScript 文件使用 HTML 脚本元素包含在文档中。

但是，我们可以编写一个脚本(“active.js”)并将其包含在文档中，然后为每个外部 JavaScript 文件手动创建一个附加脚本元素。但应该注意的是，这可能会导致性能下降，因为我们正在创建额外的 HTTP 请求。

我认为您还需要将当前的内联脚本分离到外部文件中，以避免出现“先有鸡还是先有蛋”的情况，即您在加载之前引用“tyr1.js”的元素。

所以你的“active.js”脚本变成这样:

/**
 * Combined JavaScript files (active.js)
 *    - Creates script elements for any additional JS files
 */
(function() {
    var head = document.getElementsByTagName('head')[0];

    // Scripts to include
    var js = [
        'http://domain.com/tyr1.js',
        '/inline.js'    /* Change path to where this is located */
    ];

    // Clone for every external script that needs to be included
    var jsElem = document.createElement('script');
    jsElem.type = 'text/javascript';

    // Step through scripts to include
    for (var i=0; i<js.length; i++) {
        var newJsElem = jsElem.cloneNode(false);
        newJsElem.src = js[i];

        // Append to HEAD section
        head.appendChild(newJsElem);
    }
})()

这当然假设您的脚本将放置在文档的 HEAD 部分。