判断 JS 文件是否加载再执行操作
记一个 JavaScript 代码片段。有时需判断用户是否加载完特定 JS 文件,然后再相应地触发事件。代码支持现代浏览器运行,不兼容 IE7 及以下。如要兼容,可透过 readyState 返回状态判断,下文一并有说。
function checkJsLoading(url) {
var carHead = document.getElementsByTagName('head')[0];
var carJs = document.createElement('script');
carJs.setAttribute('type', 'text/javascript');
carJs.setAttribute('src', url);
carHead.appendChild(carJs);
carJs.onload = function() {
...
}
}
checkJsLoading('font-awesome.js');
添加 IE 旧版本兼容支持。
carJs.onreadystatechange = function() {
if (carJs.readyState == 'loaded' || carJs.readyState == 'complete') {
...
}
}