WEB开发网
开发学院网页设计JavaScript JavaScript-给iframe里的内容定义样式 阅读

JavaScript-给iframe里的内容定义样式

 2008-08-25 19:59:38 来源:WEB开发网   
核心提示:案例1:做一个通用的反馈表单应用在其它页面的框架里,要求在框架外面可以定义框架里面的页面样式,JavaScript-给iframe里的内容定义样式,程序代码<iframe name="feedbackform" id="feedbackform" src="xx.

案例1:
做一个通用的反馈表单应用在其它页面的框架里,
要求在框架外面可以定义框架里面的页面样式。

程序代码

<iframe name="feedbackform" id="feedbackform" src="xx.aspx" mce_src="xx.aspx" width="755" height="500" marginheight="0" marginwidth="0" frameborder="0" scrolling="no"></iframe>

<script type="text/javascript">
var temp_CSS;
temp_css="<style type=\"text/css\">";
temp_css+="body{padding:10px 0;margin:0;font-size:12px;}";
temp_css+="</style>";
window.onload=function(){
var obj=window.frames["feedbackform"];
obj.document.body.innerHTML+=temp_css;
}
</script>

案例2:
例:需要在a.html中去改变b.html中.abc的色彩。

程序代码

a.html
<iframe src="b.html" mce_src="b.html" id="content" name="content" height="15" width="468" scrolling="no" frameborder="0"></iframe>
<script type="text/Javascript">
document.frames['content'].document.styleSheets[0].addRule(".abc","color:#FF0000");</script>

b.html
<style>.abc{color:#000000}</style>

Tags:JavaScript iframe

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接