来讲讲：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就只是布局元素.

只看该作者 · 发表于 2015-1-18 05:31:53

Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器，在编辑时能同时看到源码和设计界面，非常方便新手学习制作网页。

只看该作者 · 发表于 2015-1-25 21:31:48

时间轴)窗口--时间轴--选中图层并拖图层到时间轴,将其放在指定帧上

只看该作者 · 发表于 2015-2-4 07:09:54

时间轴)窗口--时间轴--选中图层并拖图层到时间轴,将其放在指定帧上

只看该作者 · 发表于 2015-2-9 18:42:32

滚动条)层属性--溢出(visible/hidden/scroll/auto)

只看该作者 · 发表于 2015-2-27 17:35:21

使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。

只看该作者 · 发表于 2015-3-9 12:38:23

每天上网看着那样多的网页，于是我才下定决心选择了网页制作这一门课程，目的就是希望以后能够做出一个完美的网页来。

只看该作者 · 发表于 2015-3-17 00:07:54

学Dreamweaver技术的过程其实是一个增加信心的过程。

只看该作者 · 发表于 2015-3-23 09:24:39

Adobe Dreamweaver(前称Macromedia Dreamweaver)是Adobe公司的著名网站开发工具。

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

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

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

相关帖子