Loveyuki's BLOG

标签:动态加载

用 Javascript 动态加载一个 CSS 文件的方法很简单,但是如果想要加载一个 CSS STYLE 元素,里面写入一些 CSS 语句就没有那么简单了。不过也难不倒我们,查一查 MSDN 和 Mozilla 的开发网站就可以写出来了,下面的语句兼容了 IE,Firefox,Safari,Opera 没有测试。

  1. function AttachStyle(ownDoc,styCss) { 
  2.     var elmSty = ownDoc.createElement('STYLE'); 
  3.     elmSty.setAttribute("type""text/css"); 
  4.     if (elmSty.styleSheet) { 
  5.         elmSty.styleSheet.cssText=styCss;  
  6.     } else {  
  7.         elmSty.appendChild(ownDoc.createTextNode(styCss));  
  8.     } 
  9.     ownDoc.getElementsByTagName("head")[0].appendChild(elmSty); 

本日志由 Loveyuki 于 2008-01-31 15:21 发表到 技术新知 中,目前已经被浏览 1664 次,评论 10 次;

作者添加了以下标签: Javascript动态加载FirefoxInternet ExplorerSafari

日历

  • 29
  • 30
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 1
  • 2

搜索

站点统计

版权所有©2007-2008, Loveyuki.com | 系统:Bitrac | 皮肤:HelloWiki | 图标:XiaoIcon | 空间域名:光辉互联,易联网络