Javascript 加载异步JS然后调用函数?
我正在寻找类似于Google Analytics JavaScript代码段工作原理的东西 比如说我有这个,Javascript 加载异步JS然后调用函数?,javascript,ajax,import,Javascript,Ajax,Import,我正在寻找类似于Google Analytics JavaScript代码段工作原理的东西 比如说我有这个, (function(d, t) { var g = d.createElement(t), s = d.getElementsByTagName(t)[0]; g.src = 'myjs.js'; s.parentNode.insertBefore(g, s); }(document, 'script')); 脚本定义了一个类,但当我调用它时:
(function(d, t) {
var g = d.createElement(t),
s = d.getElementsByTagName(t)[0];
g.src = 'myjs.js';
s.parentNode.insertBefore(g, s);
}(document, 'script'));
脚本定义了一个类,但当我调用它时:
var newClass = new myclass('myparam');
我得到一个未定义的错误。但是,如果我等待并在控制台中再次调用它,我将不再得到错误。我假设脚本尚未完全加载,这就是该类不存在的原因
但是,例如,导入后可以直接调用Google Analytics函数
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', '[userid]', '[website]');
如何使用脚本实现这一点?GA代码所做的是使用内联代码立即创建对象。对象只是将调用存储在数组中,直到加载GA脚本。GA脚本然后使用数组。(详见下文。) 您不能对所显示的代码执行此操作,因为A)它是一个构造函数,B)您的代码使用返回值 下面是GA代码的详细功能:
(function (i, s, o, g, r, a, m) {
// Remember the name 'ga' on window, using the property GoogleAnalyticsObject
i['GoogleAnalyticsObject'] = r;
// Create or retrieve the 'ga' function. If there already is one,
// it's used as-is. If not, create a new function.
i[r] = i[r] || function () {
// The bit in parens initializes an array if there isn't one
// Then the push call remembers the arguments for this call
(i[r].q = i[r].q || []).push(arguments)
}, i[r].l = 1 * new Date(); // The bit after the comma sets or updates the `l` property on the function with the timestamp of when this code was run.
// From here fairly standard, load the GA script asynchronously
a = s.createElement(o),
m = s.getElementsByTagName(o)[0];
a.async = 1;
a.src = g;
m.parentNode.insertBefore(a, m)
})(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');