动态加载js代码

最新推荐文章于 2024-11-21 13:42:50 发布

原创最新推荐文章于 2024-11-21 13:42:50 发布 · 593 阅读

1 ·

CC 4.0 BY-SA版权

JavaScript 专栏收录该内容

4 篇文章

订阅专栏

本文深入探讨了在网页中加载外部JavaScript脚本的方法，详细解析了一个用于动态加载脚本的函数，该函数能够确保脚本的正确加载及执行，同时支持UTF-8编码。文章覆盖了函数的创建、属性设置及事件监听等关键步骤。

function loadScirpt(src, fn, coding) {
	var script = document.createElement('script')
	script.async = false
	coding && script.charset = 'utf-8'
	script.type = 'type/javascript'
	script.readyState ? script.onreadystatechange = function() {
		('loaded' == script.readyState || 'complete' == script.readyState) && 
			(script.onreadystatechange = null, fn && fn()) :
		script.onload = function() {
			fn && fn()
		}
	script.src = src 
	document.body.appendChild(script)
	}
}