微微工作室

在做Web开发的时候，我们会碰到需要根据需要动态的添加外部的js应用，然后在我们的页面中调用引用的js的方法。

但是会出现一个问题，如下代码：

先添加一个测试js文件test.js,内容很简单

function Test(d) {
alert(d);
}

然后我们动态的添加test.js 引用

var ga = document.createElement(‘script’); ga.type = ‘text/javascript’;
ga.async = false;
ga.src = “test.js”;
var s = document.getElementsByTagName(‘script’)[0];
s.parentNode.insertBefore(ga, s);

Test（21342）;//报错，因为js文件是异步载入的。

这个问题可能大家和我一样会出现同样的困扰。今天无意中发现一种很好的方法，多亏jquery这个神器。

就是通过jquery里面ajax动态加载这个js文件。

在juery中，有这个方法，$.getScript（url,fn）;

对就是它，同时我们通过设置ajax的同步调用就能解决上面的问题了，非常的巧妙

$.ajaxSetup({ async: false, cache: false });
$.getScript(“test.js”);
$.ajaxSetup({ async: true });
Test(123);

注意一定要设置成同步调用，否则会出问题。