用 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 发表到 技术新知 中,目前已经被浏览 7952 次,评论 11 次;

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