javascript 加载脚本标签(javascript)

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript 加载脚本标签(javascript)相关的知识,希望对你有一定的参考价值。


function load_script(id, url) {
	var s = document.createElement("script");
	s.src = url;
	s.type = 'text/javascript';
	s.id = id;
	s.defer = "defer";
	
	var el = document.getElementById(id);
	if (!el) {
		var head = document.querySelector("head");
		head.appendChild(s);
		console.log("[load_script] js["+url+"]");
	} else {
		console.log("[load_script] js["+url+"] already exists");
	}
}

function load_stylesheet(id, url) {
	var s = document.createElement("link");
	s.rel = 'stylesheet prefetch';
	s.href = url;
	s.type = 'text/css';
	s.id = id;
	//s.media = 'all';
	
	var el = document.getElementById(id);
	if (!el) {
		var head = document.querySelector("head");
		head.appendChild(s);
		console.log("[load_stylesheet] css["+url+"]");
	} else {
		console.log("[load_stylesheet] css["+url+"] already exists");
	}
}

以上是关于javascript 加载脚本标签(javascript)的主要内容,如果未能解决你的问题,请参考以下文章

javascript 加载脚本标签(ajax)

通过动态创建的脚本标签异步加载 JavaScript 的 CORS 问题

javascript脚本异步加载的几种方式

带有小型初始脚本和所有其他脚本的异步加载的 Webpack

为啥在html的script标签中写如下代码可以实现javascript脚本的异步加载?

JavaScript异步编程 异步的脚本加载