仓酷云

标题: 来讲讲：Javascript静态创立 style 节点 [打印本页]

作者: 透明 时间: 2015-1-16 00:12
标题: 来讲讲：Javascript静态创立 style 节点
所有的设计第一步就是构思，构思好了。
有良多供应静态创立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就只是布局元素.

作者: 兰色精灵 时间: 2015-1-18 05:31
Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器，在编辑时能同时看到源码和设计界面，非常方便新手学习制作网页。

作者: 只想知道 时间: 2015-1-25 21:31
时间轴)窗口--时间轴--选中图层并拖图层到时间轴,将其放在指定帧上

作者: 飘灵儿 时间: 2015-2-4 07:09
时间轴)窗口--时间轴--选中图层并拖图层到时间轴,将其放在指定帧上

作者: 蒙在股里 时间: 2015-2-9 18:42
滚动条)层属性--溢出(visible/hidden/scroll/auto)

作者: 山那边是海 时间: 2015-2-27 17:35
使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。

作者: 谁可相欹 时间: 2015-3-9 12:38
每天上网看着那样多的网页，于是我才下定决心选择了网页制作这一门课程，目的就是希望以后能够做出一个完美的网页来。

作者: 不帅 时间: 2015-3-17 00:07
学Dreamweaver技术的过程其实是一个增加信心的过程。

作者: 老尸 时间: 2015-3-23 09:24
Adobe Dreamweaver(前称Macromedia Dreamweaver)是Adobe公司的著名网站开发工具。

欢迎光临仓酷云 (http://www.ckuyun.com/)