动态加载JavaScript文件

博客展示了一个简单的动态加载JavaScript的demo,给出了testA.js代码和main.html中的脚本,运行结果显示加载JavaScript文件是异步的,若放开特定代码行会报错,提示testA未定义。

写一个简单的动态加载JavaScript demo:

testA.js 代码如下:

var testA = {};

(function (self) {
    self.pubFunc1 = function () {
        console.log("testA pubFunc1");
    }
})(testA);

main.html中的脚本如下:

function loadScripts(url) {
    var script = document.createElement("script");
    script.type = "text/javascript";
    script.src = url;
    document.body.appendChild(script);
    script.onload = function () {
        console.log("testA load done");
    }
}

loadScripts("testloadJS/testA.js");

console.log("use testA");
//testA.pubFunc1();

 

运行结果如下:

use testA

testA load done

 

从运行结果我们看出加载JavaScript文件是异步的。 

//testA.pubFunc1();  把这一行放开,会出现报错:testA 没有定义。

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值