JS技术

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

字号+ 作者:H5之家 来源:H5之家 2015-10-04 08:02 我要评论( )

JavaScript-给iframe里的内容定义样式,学习JavaScript-给iframe里的内容定义样式,JavaScript-给iframe里的内容定义样式,查看JavaScript-给iframe里的内容定义样

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

程序代码

<iframe src="xx.aspx" mce_src="xx.aspx" 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" 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>

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • js事件与处理_Javascript教程

    js事件与处理_Javascript教程

    2015-10-10 15:06

  • js对象属性及方法_Javascript教程

    js对象属性及方法_Javascript教程

    2015-10-10 15:04

  • js语句及语法_Javascript教程

    js语句及语法_Javascript教程

    2015-10-10 15:02

  • js数据类型与变量_Javascript教程

    js数据类型与变量_Javascript教程

    2015-10-10 15:00

网友点评