js动态加载css和js文件

原创于 2018-02-11 13:32:02 发布 · 558 阅读

1 ·

CC 4.0 BY-SA版权

JavaScript 专栏收录该内容

26 篇文章

订阅专栏

本文介绍了一种在网页中动态加载CSS样式表和JavaScript文件的方法。通过JavaScript创建新的link元素来加载CSS，并使用jQuery的getScript方法加载JS文件。

css

// 动态加载css路径文件
	function loadStyles(url) {  
        let link = document.createElement("link");  
        link.type = "text/css";  
        link.rel = "stylesheet";  
        link.href = url;  
        document.getElementsByTagName("head")[0].appendChild(link);  
	}

loadStyles(cssHref);   // 动态加载css路径文件

    		//加载js
    		$.getScript(jsUrl,function (e) {
    			// body...
    			console.log(e)
    		});