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 相关文章推荐
jquery插件开发方法(初学者)
Feb 03 Javascript
JQuery操作tr和td内容的方法实例
Mar 06 Javascript
Extjs4 关于Store的一些操作(加载/回调/添加)
Apr 18 Javascript
Extjs3.0 checkboxGroup 动态添加item实现思路
Aug 14 Javascript
JavaScript限定图片显示大小的方法
Mar 11 Javascript
JS判断字符串包含的方法
May 05 Javascript
JavaScript实现自动对页面上敏感词进行屏蔽的方法
Jul 27 Javascript
javascript对象的创建和访问
Mar 08 Javascript
jQuery简单实现彩色云标签效果示例
Aug 01 Javascript
create-react-app构建项目慢的解决方法
Mar 14 Javascript
Vue $emit $refs子父组件间方法的调用实例
Sep 12 Javascript
Vue中axios的封装(报错、鉴权、跳转、拦截、提示)
Aug 20 Javascript
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
人族 Terran 魔法与科技
2020/03/14 星际争霸
Windows Apache2.2.11及Php5.2.9-1的安装与配置方法
2009/06/08 PHP
php中将图片gif,jpg或mysql longblob或blob字段值转换成16进制字符串
2011/08/23 PHP
PHP 关于访问控制的和运算符优先级介绍
2013/07/08 PHP
javascript 贪吃蛇实现代码
2008/11/22 Javascript
Javascript attachEvent传递参数的办法
2009/12/14 Javascript
JSON.parse 解析字符串出错的解决方法
2010/07/08 Javascript
简单的代码实现jquery定时器
2014/01/03 Javascript
jQuery的观察者模式详解
2014/12/22 Javascript
javascript创建函数的20种方式汇总
2015/06/23 Javascript
jquery实现的仿天猫侧导航tab切换效果
2015/08/24 Javascript
关于AngularJs数据的本地存储详解
2017/01/20 Javascript
微信小程序 swiper制作tab切换实现附源码
2017/01/21 Javascript
jQuery基本筛选选择器实例代码
2017/02/06 Javascript
jquery.flot.js简单绘制折线图用法示例
2017/03/13 Javascript
解决在vue+webpack开发中出现两个或多个菜单公用一个组件问题
2017/11/28 Javascript
js 实现复选框只能选择一项的示例代码
2018/01/23 Javascript
微信小程序中换行空格(多个空格)写法详解
2018/07/10 Javascript
中高级前端必须了解的JS中的内存管理(推荐)
2019/07/04 Javascript
js获取本日、本周、本月的时间代码
2020/02/01 Javascript
vue将文件/图片批量打包下载zip的教程
2020/10/21 Javascript
JS实现简单贪吃蛇小游戏
2020/10/28 Javascript
[40:10]2015国际邀请赛全明星表演赛
2015/08/07 DOTA
python中from module import * 的一个坑
2014/07/20 Python
Python批量查询域名是否被注册过
2017/06/21 Python
pytorch 图像中的数据预处理和批标准化实例
2020/01/15 Python
三维科技面试题
2013/07/27 面试题
如何写一份好的自荐信
2014/01/02 职场文书
经营理念口号
2014/06/21 职场文书
村党支部书记四风问题个人对照检查材料思想汇报
2014/10/06 职场文书
校长一岗双责责任书
2015/05/09 职场文书
2015年仓库管理工作总结
2015/05/25 职场文书
高一作文之暖冬
2019/11/09 职场文书
导游词之江南周庄
2019/12/06 职场文书
如何理解python接口自动化之logging日志模块
2021/06/15 Python
Python中三种花式打印的示例详解
2022/03/19 Python