来讲讲：Javascript静态创立 style 节点

显示全部楼层 · 发表于 2015-1-16 00:12:47

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

您需要登录才可以下载或查看，没有帐号？立即注册

x

所有的设计第一步就是构思，构思好了。
有良多供应静态创立style节点的办法，可是年夜多半都仅限于内部的CSS文件。怎样能利用程序天生的字符串静态创立style节点，我弄了2个小时。
静态内部css文件语法：
@importurl(style.css);
静态内部css文件加载的办法有以下：
第一种：
varstyle=document.createElement(’link’);
style.href=’style.css’;
style.rel=’stylesheet’;
style.type=‘text/css’;
document.getElementsByTagName(’HEAD’).item(0).appendChild(style);
第二种复杂：
document.createStyleSheet(style.css);
静态的style节点，利用程序天生的字符串：
varstyle=document.createElement(’style’);
style.type=‘text/css’;
style.innerHTML=”body{background-color:blue;}”;
document.getElementsByTagName(’HEAD’).item(0).appendChild(style);
很遗憾，下面的代码在ff内里乐成，可是ie不撑持。从老外论坛失掉代码：
varsheet=document.createStyleSheet();
sheet.addRule(’body’,background-color:red’);
乐成，可是很贫苦，要把字符串拆开写，长一点的写逝世。
接着搜，在一个不晓得甚么国度的甚么言语的blog上找到代码：
document.createStyleSheet(”javascript:’body{background-color:blue;’”);
乐成，这人其实凶猛，可是成绩出来了，url最年夜255个字符，长一点的就不可了，经由SXPCrazy提醒，改成：
window.style=”body{background-color:blue;”;
document.createStyleSheet(”javascript:style”);
完善办理！！代码:
<html>
<head>
<script>
functionblue(){
if(document.all){
window.style="body{background-color:blue;";
document.createStyleSheet("javascript:style");
}else{
varstyle=document.createElement(style);
style.type=text/css;
style.innerHTML="body{background-color:blue}";
document.getElementsByTagName(HEAD).item(0).appendChild(style);
}
}
</script>
</head>
<body>
<inputtype="button"value="blue"onclick="blue();"/>
</body>
</html>

目前我们的站就是div+css做的，美工可以通过css直接控制我的程序输出的页面动态数据的样式DIV就只是布局元素.

		自动登录	找回密码
密码			立即注册

[DIV+CSS] 来讲讲：Javascript静态创立 style 节点

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

相关帖子