代码之家 › 专栏 › 技术社区 › Bite code

如何动态加载Javascript文件并立即使用它们?

bookmarklet javascript

Bite code · 技术社区 · 16 年前

function addJS(url) {
  $("body").append('<script type="text/javascript" src='+url+'></script>'); 
}

function core() {...}
alert("I'am here !");

addJS("lib.js");
c = new core();

<html>
  <head>
    <title>test</title>        
    <script type="text/javascript" src="init.js"></script> 
  </head>
  <body>
     Hello
  </body>
</html>

编辑

5 回复 | 直到 16 年前

gregers 16 年前

getScript .

Paolo Bergantino 16 年前

您会得到“核心未定义”错误,因为脚本是异步加载的。这意味着您的浏览器将在后台开始加载lib.js,并继续执行init.js,然后在lib.js加载完成之前遇到“new core()”。

getScript函数有一个回调,将在脚本加载完成后触发:

$.getScript('lib.js', function() {
    var c = new core();
});

Jeff Meatball Yang 16 年前

请注意,您的addJS函数正在附加到body元素的末尾。

c = new core()

将在加载lib.js脚本之前运行(在body元素的末尾)。

jrharshath 16 年前

国际海事组织认为,在文档末尾附加脚本标签以加载脚本相当难看。原因:

您相信浏览器会自动获取脚本并加载它。
您无法确定脚本是否正在加载、是否已加载,或者是否遇到错误(可能是404?)

然而,第二种方法有一些问题:如果你在函数内调用eval(),那么脚本在函数外将不可用!这要求采取变通办法。..

Karl Guertin 16 年前

针对代码失败的原因:在正文中添加脚本标签不会阻止进一步的脚本执行。您的代码会添加它,从而启动浏览器下载过程。与此同时,你的脚本试图调用 core() lib.js 尚未完成下载。jQuery之所以有效,是因为它会等到脚本下载完成后再执行回调函数。

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

9 月前

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

9 月前

Alex · 在轻量级中同时解构和不解构变量

9 月前

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

9 月前

bairog · 从按属性筛选的对象数组字典中创建值数组

9 月前

KaiMcKiernan · 基于Math.random()的函数在另一个函数内不起作用[关闭]

9 月前

David Jeong · 浏览器不会为浏览器自动添加的某些标头发送CORS预检请求吗?

9 月前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

9 月前

user3472810 · Angular@Output/EventEmitter返回undefined

9 月前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

9 月前