Calling a javascript from a javascript

Calling a javascript from a javascript

本文关键字:javascript from Calling      更新时间:2023-09-26

我需要把下面的所有代码放在一个名为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>

正如我在上面的评论中所提到的,由于JavaScript本身没有包含其他JavaScript文件的机制,您无法完全按照自己的意愿进行操作。JavaScript文件使用HTML脚本元素包含在文档中。

但是,我们可以编写一个包含在文档中的脚本("active.js"),这将为每个外部JavaScript文件手动创建一个额外的脚本元素。但是,需要注意的是,由于我们正在创建额外的HTTP请求,这可能会导致性能下降。

我认为您还需要将当前的内联脚本分离到一个外部文件中,以避免出现"chicken vs egg"的情况,即在加载之前引用"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部分。

打开此文件:http://domain.com/tyr1.js

将内容复制并粘贴到文本文档中(不带<script>标记)。然后复制并粘贴在下面:

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();

最后,将文本文档保存为activate.js。这是我能想到的最好的方法:)