【前端】动态/静态脚本的加载方式

最新推荐文章于 2025-07-02 16:32:20 发布

ZeroJsus

最新推荐文章于 2025-07-02 16:32:20 发布

阅读量466

点赞数

CC 4.0 BY-SA版权

分类专栏：前端文章标签：前端 javascript 开发语言

所有原创文章版权归作者所有，如有转载请联系作者获得授权

本文链接：https://blog.csdn.net/u012864465/article/details/130963489

前端专栏收录该内容

22 篇文章

订阅专栏

// 异常捕获
function loadError (oError) {
	throw new URIError("脚本：" + oError.target.src + " 不可访问。");
}

// 动态加载脚本
function importScript (sSrc, fOnload, isString = false) {
	var oScript = document.createElement("script");
	oScript.type = "text\/javascript";
	oScript.onerror = loadError;
	if (fOnload) {
 		oScript.onload = fOnload;
	}
	document.currentScript.parentNode.insertBefore(oScript,document.currentScript);
	if (isString) {
		oScript.innerHTML = sSrc;
	} else {
    	oScript.src = sSrc;
    }
}
// 脚本加载完成提示
function onScriptLoaded() {
	alert('script content loaded')
}
importScript('https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.2.3/js/bootstrap.min.js',  onScriptLoaded)
importScript("console.log('文本脚步内容加载完毕')", () => {
	alert('string content loaded')
}, true)