快精灵印艺坊 您身边的文印专家
广州名片 深圳名片 会员卡 贵宾卡 印刷 设计教程
产品展示 在线订购 会员中心 产品模板 设计指南 在线编辑
 首页 名片设计   CorelDRAW   Illustrator   AuotoCAD   Painter   其他软件   Photoshop   Fireworks   Flash  

 » 彩色名片
 » PVC卡
 » 彩色磁性卡
 » 彩页/画册
 » 个性印务
 » 彩色不干胶
 » 明信片
   » 明信片
   » 彩色书签
   » 门挂
 » 其他产品与服务
   » 创业锦囊
   » 办公用品
     » 信封、信纸
     » 便签纸、斜面纸砖
     » 无碳复印纸
   » 海报
   » 大篇幅印刷
     » KT板
     » 海报
     » 横幅

请看被打开的子窗口继续父窗口定义的STYLESHEETS的例子

test.htm

<html>
<head>
<title>test</title>
<style type=text/css id=fatherStyle>
body {background:#efefef}
.s1 {background: red}
</style>
</head>

<body>
<input type=button value=open onclick=window.open(\\\'son.htm\\\',\\\'\\\')>
</body>
</html>
------------------------------------------

son.htm

<HTML>
<HEAD><TITLE></TITLE>
<style type=text/css id=sonStyle>
</style>
<script>
bgd=opener.document.styleSheets(0).rules(1).style.background;
name=opener.document.styleSheets(0).rules(1).selectorText;
document.styleSheets.sonStyle.addRule(name,"background:"+bgd);

//以上几条语句使得本页面可以使用父窗口定义的s1,但是这很麻烦,有什么简朴的办法可以继续父窗口定义的所有styleSheets吗?象下面的语句就出错:
//document.styleSheets.sonStyle.rules=opener.document.styleSheets.fatherStyle.rules;

function changeStyle(){
d1.className="s1";
}
</script>

</HEAD>
<BODY>
<span id=d1>测试文字</span><br>
<input type=button value=change onClick=changeStyle()>
</body>
</html>
返回类别: 教程
上一教程: CSS-COLOR样式
下一教程: CSS:FONT-VARIANT

您可以阅读与"请看被打开的子窗口继续父窗口定义的STYLESHEETS的例子"相关的教程:
· 一个简朴的XML Schema的例子
· XMLHTTP异步获取网站数据的例子
· JSP取得在WEB.XML中定义的参数
· 利用XML实现通用WEB报表打印实际使用中的例子
· 页面上所有的链接都在新窗口打开
    微笑服务 优质保证 索取样品