通过js引入当前所需要的js,css等
在我们web前端页面中经常会用到许多外部的js,css文件,那么问题来了,怎样才能一次性引入?
通过js便可实现
走码:
//创建一个init.js文件 var jsUrls = "js/jquery-1.7.1.min.js"; for (var j = 0; j < jsUrls.split(",").length; j++) { document.write(‘<scr‘ + ‘ipt type="text/javascript" src="‘ + jsUrls.split(",")[j] + ‘"><\/scr‘ + ‘ipt>‘); } //引入样式也类似 var cssLink={}; var cssUrls="css/style.css"; for( var i=0 ; i < cssUrls.split(",").length; i++ ){ cssLink[i] = top.document.createElement("link"); cssLink[i].setAttribute("rel", "Stylesheet"); cssLink[i].setAttribute("type", "text/css"); cssLink[i].setAttribute("href", cssUrls.split(",")[i]); top.document.getElementsByTagName("head")[0].appendChild(cssLink[i]); } //然后在页面引入init.js即可,注意script要分开写,这是因为浏览器引擎解释的原因,<script></script>标签中不能再出现同样的script标签,如果是字符串就没问题了
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。