码迷,mamicode.com
首页 > Web开发 > 详细

通过js引入当前所需要的js,css等

时间:2015-01-11 12:09:36      阅读:132      评论:0      收藏:0      [点我收藏+]

标签:

在我们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标签,如果是字符串就没问题了

 

通过js引入当前所需要的js,css等

标签:

原文地址:http://www.cnblogs.com/jasonzeng/p/4216308.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!