作者fillano (冒牌费大公)
看板Web_Design
标题Re: [问题] 如何动态载入/替换 JavaScript 以及 CSS ?
时间Thu Dec 21 16:39:38 2006
动态加入script的方法大致如下：
var dochead = document.getElementsByTagName("HEAD")[0];
var jsobj = document.createElement("script");
jsobj.src = "plug01.js";
dochead.appendChild(jsobj);
动态载入的速度，可能要实测一下比较保险。
动态修改style sheet比较麻烦
如果是用<style></style>可以动态修改，用<link...>或是@import只能改url
取得文件中的stylesheet list：
document.styleSheets[index] 或是 document.styleSheets.item(index)
例如：var stylesheet1 = document.styleSheets[0];
取得stylesheet中的rule：
stylesheet1.rules[index] 或是 stylesheet1.rules.item(index) 或是
stylesheet1.rules.item(selectorName)
（如果是firefox，把rules改成cssRules）
例如：var rule1 = stylesheet1.rules[0];
修改rule，可以透过rule的style物件：
例如：rule1.style.textAlign = "center";
或是直接修改style.cssText：
例如：rule1.style.cssText = "text-align: center";
如果使用<link....>或是@import的style sheet的话，微软有提供一个范例：
if (stylesheet1.href != null) {
stylesheet1.href = "other.css";
}
--
Sapere Aude! 这就是启蒙运动的口号！
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 220.128.137.98
1F：推 logs:非常感谢回答！ 12/21 18:25