JS动态引入js,CSS——动态创建script/link/style标签
浏览数：96 /
时间：2015年06月09日
一.动态创建link方式
我们可以使用link的方式.如下代码所示.
- function addCssByLink(url){
- var doc=document;
- var link=doc.createElement("link");
- link.setAttribute("rel", "stylesheet");
- link.setAttribute("type", "text/css");
- link.setAttribute("href", url);
- var heads = doc.getElementsByTagName("head");
- if(heads.length)
- heads[0].appendChild(link);
- else
- doc.documentElement.appendChild(link);
- }
- var doc=document;
- var style=doc.createElement("style");
- style.setAttribute("type", "text/css");
- if(style.styleSheet){// IE
- style.styleSheet.cssText = cssString;
- } else {// w3c
- var cssText = doc.createTextNode(cssString);
- style.appendChild(cssText);
- }
- var heads = doc.getElementsByTagName("head");
- if(heads.length)
- heads[0].appendChild(style);
- else
- doc.documentElement.appendChild(style);
- }
这样的话,如果是较少的代码,可以比较方便的实现到动态加载css的效果,但是如果为了方便维护和管理,并没有等待时间限制,使用link方式更加合适
"script");
- script.setAttribute("type", "text/javascript");
- script.setAttribute("src", "JustWalking.js");
- var heads = document.getElementsByTagName("head");
- if(heads.length)
- heads[0].appendChild(script);
- else
- document.documentElement.appendChild(script);
但是这种方式在IE内核的浏览器中支持，在google、360极速、firefox下却不行
四.打印引入style方式
- document.write("<link rel=\"stylesheet\" href=\"uild/style.css\" type=\"text/css\" media=\"screen\"/>");
五.打印引入js方式
- document.write("<script type=\"text/javascript\" src=\"JustWalking.js\"></script>");
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
