JS修改iframe页面背景颜色的方法

更新时间：2015年04月01日 15:32:11 作者：疯狂一夏

这篇文章主要介绍了JS修改iframe页面背景颜色的方法,涉及javascript操作iframe页面样式的技巧,具有一定参考借鉴价值,需要的朋友可以参考下

本文实例讲述了JS修改iframe页面背景颜色的方法。分享给大家供大家参考。具体如下：

下面的代码演示了如何在网页里通过JS代码修改嵌入的iframe的网页背景颜色

<!DOCTYPE html>
<html>
<head>
<script>
function changeStyle()
{
var x=document.getElementById("myframe");
var y=(x.contentWindow || x.contentDocument);
if (y.document)y=y.document;
y.body.style.backgroundColor="#0000ff";
}
</script>
</head>
<body>
<iframe id="myframe" src="demo_iframe.htm">
<p>Your browser does not support iframes.</p>
</iframe>
<br><br>
<input type="button" onclick="changeStyle()" 
value="Change background color">
</body>
</html>

希望本文所述对大家的javascript程序设计有所帮助。

您可能感兴趣的文章:

原生JS实现导航下拉菜单效果
这篇文章主要介绍了JS实现导航下拉菜单效果，用原生JS实现的一个导航下拉菜单，下拉菜单的宽度与浏览器视口的宽度一样，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-03-03
zeroclipboard复制到剪切板的flash
虽然网上实现Ctrl + C的JS代码已经有很多了，但我还是向大家推荐一个比较好的插件zeroclipboard，兼容所有浏览器
2010-08-08
JS的递增/递减运算符和带操作的赋值运算符的等价式
JS的递增/递减运算符和带操作的赋值运算符的等价式...
2007-12-12
JavaScript中常见的七种继承及实现
JS的继承方式在我们面试的时候经常会被问到，所以深入理解js继承方式以及它们的优缺点是非常有必要的。本文为大家整理了JavaScript中常见的七种继承及实现，需要的可以参考一下
2023-03-03
微信小程序点击顶部导航栏切换样式代码实例
这篇文章主要介绍了微信小程序点击顶部导航栏切换样式代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
2019-11-11
微信小程序实现吸顶盒效果
这篇文章主要为大家详细介绍了微信小程序实现吸顶盒效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2022-06-06
Next.js脚手架完整搭建封装的方法步骤
本文主要介绍了Next.js脚手架完整搭建封装的方法步骤，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2022-04-04
javascript使用递归算法求两个数字组合功能示例
这篇文章主要介绍了javascript使用递归算法求两个数字组合功能,结合实例形式分析了JS基于递归算法的数组遍历、判断、转换等相关操作技巧,需要的朋友可以参考下
2017-01-01
three.js实现炫酷的全景3D重力感应
这篇文章主要为大家详细介绍了three.js实现炫酷的全景3D重力感应，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2018-12-12
原生js实现图片放大缩小计时器效果
本文主要介绍了原生js实现图片放大缩小计时器效果的示例代码。具有一定的参考价值，下面跟着小编一起来看下吧
2017-01-01