Loveyuki's BLOG - Javascript 动态加载 CSS STYLE 元素http://www.loveyuki.com/Comment/Index.aspxArticle/Javascript_Load_Style_Elements.aspxzh-CNloveyuki@gmail.comSun, 21 Oct 2007 16:07:39 GMTCopyright 2007. All rights reserved.L-BLOG.NET, The Matrix Reloaded.Loveyuki's BLOGhttp://www.loveyuki.com/Images/banner.gifhttp://www.loveyuki.com/http://www.loveyuki.com/Article/Javascript_Load_Style_Elements.aspx#CommentAnchor_735<![CDATA[评论：Javascript 动态加载 CSS STYLE 元素]]>RainBlogThu, 31 Jan 2008 22:43:36 GMThttp://www.loveyuki.com/Article/Javascript_Load_Style_Elements.aspx#CommentAuchor_735这种写法不科学,你认为OO么?而且很不灵活,不适合Ajax异步转载!轻微鄙视一下!

最好使用CSS外部导入法加载!

  1. function AttachStyle(){
]]>http://www.loveyuki.com/Article/Javascript_Load_Style_Elements.aspx#CommentAnchor_736<![CDATA[评论：Javascript 动态加载 CSS STYLE 元素]]>RainBlogThu, 31 Jan 2008 22:44:14 GMThttp://www.loveyuki.com/Article/Javascript_Load_Style_Elements.aspx#CommentAuchor_736
function AttachStyle(){
this.load=function(URL) { 
    var css=document.createElement('link'); 
    css.type="text/css";
    css.rel="="stylesheet";
    css.src=URL;
    var head=document.getElementsByTagName("head")[0];
    head.appendChild(css); 
    var self=this;

   css.onload=css.onreadystatechange=function(){
   if(this.readyState&&this.readyState=="loading") return;
   self.onsuccess();
   }
   css.onerror=function(){
   head.removeChild();
   self.onfailure();
   }
}
this.onsuccess=function(){}//加载成功事件
this.onfailure=function(){}//加载失败事件
}

]]>http://www.loveyuki.com/Article/Javascript_Load_Style_Elements.aspx#CommentAnchor_737<![CDATA[评论：Javascript 动态加载 CSS STYLE 元素]]>RainBlogThu, 31 Jan 2008 22:46:11 GMThttp://www.loveyuki.com/Article/Javascript_Load_Style_Elements.aspx#CommentAuchor_737以上方法适合任何外部导入script link等等

]]>http://www.loveyuki.com/Article/Javascript_Load_Style_Elements.aspx#CommentAnchor_738<![CDATA[评论：Javascript 动态加载 CSS STYLE 元素]]>RainBlogThu, 31 Jan 2008 22:52:59 GMThttp://www.loveyuki.com/Article/Javascript_Load_Style_Elements.aspx#CommentAuchor_738css.rel="stylesheet"; //貌似 30分钟内修改评论不能用?

]]>http://www.loveyuki.com/Article/Javascript_Load_Style_Elements.aspx#CommentAnchor_739<![CDATA[评论：Javascript 动态加载 CSS STYLE 元素]]>LoveyukiThu, 31 Jan 2008 23:09:49 GMThttp://www.loveyuki.com/Article/Javascript_Load_Style_Elements.aspx#CommentAuchor_739

css.rel="stylesheet"; //貌似 30分钟内修改评论不能用?

暂时不能用的。呵呵。解释型的语言不要太 OO。银蛋是不存在的。

]]>http://www.loveyuki.com/Article/Javascript_Load_Style_Elements.aspx#CommentAnchor_745<![CDATA[评论：Javascript 动态加载 CSS STYLE 元素]]>RainBlogFri, 01 Feb 2008 14:15:57 GMThttp://www.loveyuki.com/Article/Javascript_Load_Style_Elements.aspx#CommentAuchor_745解释型的语言不要太 OO??ajax里面javascript不仅仅再是添加表单验证或网页特效的脚本语言了,它已经被工程化了!

]]>http://www.loveyuki.com/Article/Javascript_Load_Style_Elements.aspx#CommentAnchor_746<![CDATA[评论：Javascript 动态加载 CSS STYLE 元素]]>slleoFri, 01 Feb 2008 15:30:34 GMThttp://www.loveyuki.com/Article/Javascript_Load_Style_Elements.aspx#CommentAuchor_746loveyuki重新开张了，贺一下。

先报告一个小BUG：http://www.loveyuki.comArticle/45/Feeds.ashx路径中少了一个/，所有的页面里的“引用通告”和“评论订阅”基本上都少这个，路径错了。

]]>http://www.loveyuki.com/Article/Javascript_Load_Style_Elements.aspx#CommentAnchor_749<![CDATA[评论：Javascript 动态加载 CSS STYLE 元素]]>汤尼尔Fri, 01 Feb 2008 19:53:56 GMThttp://www.loveyuki.com/Article/Javascript_Load_Style_Elements.aspx#CommentAuchor_749css.src = ""; 最好用

另：预祝老哥春节快乐。

]]>http://www.loveyuki.com/Article/Javascript_Load_Style_Elements.aspx#CommentAnchor_762<![CDATA[评论：Javascript 动态加载 CSS STYLE 元素]]>CrazySun, 03 Feb 2008 16:50:06 GMThttp://www.loveyuki.com/Article/Javascript_Load_Style_Elements.aspx#CommentAuchor_762应该考虑用现成的js框架了，现在有那么多好的框架

]]>http://www.loveyuki.com/Article/Javascript_Load_Style_Elements.aspx#CommentAnchor_1354<![CDATA[评论：Javascript 动态加载 CSS STYLE 元素]]>wllllllTue, 10 Jun 2008 14:25:27 GMThttp://www.loveyuki.com/Article/Javascript_Load_Style_Elements.aspx#CommentAuchor_1354一楼，这个东西怎么不适合ajax了呢，先下载数据，再用这个书写。
怎么会不适合ajax呢。真奇怪了。

用js下载css，再用此函数书写css，不一样是ajax

]]>