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


Posted in Javascript onApril 01, 2015

本文实例讲述了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程序设计有所帮助。

Javascript 相关文章推荐
js数字输入框(包括最大值最小值限制和四舍五入)
Nov 24 Javascript
JavaScript代码简单实现求杨辉三角给定行的最大值
Oct 29 Javascript
angularjs指令中的compile与link函数详解
Dec 06 Javascript
基于jquery实现无限级树形菜单
Mar 22 Javascript
浅谈JavaScript函数的四种存在形态
Jun 08 Javascript
JS for...in 遍历语句用法实例分析
Aug 24 Javascript
BootStrap中Table分页插件使用详解
Oct 09 Javascript
浅谈在js传递参数中含加号(+)的处理方式
Oct 11 Javascript
webpack3之loader全解析
Oct 26 Javascript
前端axios下载excel文件(二进制)的处理方法
Jul 31 Javascript
解决pycharm双击但是无法打开的情况
Oct 31 Javascript
vue 计算属性和侦听器的使用小结
Jan 25 Vue.js
JS返回iframe中frameBorder属性值的方法
Apr 01 #Javascript
javascript算法题:求任意一个1-9位不重复的N位数在该组合中的大小排列序号
Apr 01 #Javascript
jQuery scrollFix滚动定位插件
Apr 01 #Javascript
JS动态修改iframe高度和宽度的方法
Apr 01 #Javascript
JS获取iframe中longdesc属性的方法
Apr 01 #Javascript
JS获取iframe中marginHeight和marginWidth属性的方法
Apr 01 #Javascript
JS去除iframe滚动条的方法
Apr 01 #Javascript
You might like
PHP 加密/解密函数 dencrypt(动态密文,带压缩功能,支持中文)
2009/01/30 PHP
php设计模式 Interpreter(解释器模式)
2011/06/26 PHP
PHP分页类集锦
2014/11/18 PHP
php实现用于验证所有类型的信用卡类
2015/03/24 PHP
PHP利用Socket获取网站的SSL证书与公钥
2017/06/18 PHP
了不起的node.js读书笔记之node.js中的特性
2014/12/22 Javascript
Javascript中神奇的this
2016/01/20 Javascript
深入浅析JS是按值传递还是按引用传递(推荐)
2016/09/18 Javascript
JQuery实现列表中复选框全选反选功能封装(推荐)
2016/11/24 Javascript
jquery Form轻松实现文件上传
2017/05/24 jQuery
JS判断一个数是否是水仙花数
2017/06/11 Javascript
JavaScript反弹动画效果的实现代码
2017/07/13 Javascript
vue监听键盘事件的快捷方法【推荐】
2018/07/11 Javascript
Vue-CLI 3.X 部署项目至生产服务器的方法
2019/03/22 Javascript
js 数组当前行添加数据方法详解
2020/07/28 Javascript
浅谈vue websocket nodeJS 进行实时通信踩到的坑
2020/09/22 NodeJs
vue 解决在微信内置浏览器中调用支付宝支付的情况
2020/11/09 Javascript
[50:44]DOTA2-DPC中国联赛 正赛 SAG vs Dragon BO3 第二场 2月22日
2021/03/11 DOTA
python读文件逐行处理的示例代码分享
2013/12/27 Python
使用Python脚本将Bing的每日图片作为桌面的教程
2015/05/04 Python
使用Python对IP进行转换的一些操作技巧小结
2015/11/09 Python
python实现监控某个服务 服务崩溃即发送邮件报告
2018/06/21 Python
python自定义函数实现一个数的三次方计算方法
2019/01/20 Python
python游戏开发之视频转彩色字符动画
2019/04/26 Python
python  logging日志打印过程解析
2019/10/22 Python
pycharm的python_stubs问题
2020/04/08 Python
python实现经纬度采样的示例代码
2020/12/10 Python
华润集团网上药店:健一网
2016/09/19 全球购物
Nayomi官网:沙特阿拉伯王国睡衣和内衣品牌
2020/12/19 全球购物
九年级语文教学反思
2014/02/04 职场文书
爱护草坪标语
2014/06/24 职场文书
担保书格式
2015/01/20 职场文书
餐馆开业致辞
2015/08/01 职场文书
护士医德医风心得体会
2016/01/25 职场文书
Golang 正则匹配效率详解
2021/04/25 Golang
Qt自定义Plot实现曲线绘制的详细过程
2021/11/02 Python