判断JS文件是否加载完成再执行操作

Kevin 杂记 489 次浏览 1条评论

记一个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') {
		...
	}
}

评论列表

  1. #1

    Hi, very nice website, cheers!
    ——————————————————
    Need cheap and reliable hosting? Our shared plans start at $10 for an year and VPS plans for $6/Mo.
    ——————————————————
    Check here: https://www.reliable-webhosting.com/

发表评论

电邮地址用于 Gravatar 头像显示,不会被公开可见。