原生javascript实现动态引入外部js和css文件

2020-08-11 代码工坊王小毛前端技术

有时我们需要根据用户的操作或某些时间节点来展现特定样式，这时便需要用到动态加载js和css，下面是通过原生的js的实现方法。

        //加载外部css文件
	function dynamicLoadCss(url) {
		var head = document.getElementsByTagName('head')[0];
		var link = document.createElement('link');
		link.type='text/css';
		link.rel = 'stylesheet';
		link.href = url;
		head.appendChild(link);
	}
			
	dynamicLoadCss("文件路径");  //自动调用函数;
	//加载外部js文件
	function dynamicLoadJs(url) {
		var head = document.getElementsByTagName('head')[0];
		var script = document.createElement('script');
		script.type='text/jajvascript';
		script.href = url;
		head.appendChild(script);
	}
			
	dynamicLoadCss("文件路径");  //自动调用函数;