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 open() 与showModalDialog()方法使用介绍
Sep 10 Javascript
在javascript中实现函数数组的方法
Dec 25 Javascript
Javascript中With语句用法实例
May 14 Javascript
JQuery中DOM事件绑定用法详解
Jun 13 Javascript
jQuery实现点击后高亮背景固定显示的菜单效果【附demo源码下载】
Sep 21 Javascript
原生js轮播特效
May 18 Javascript
详解Node.js开发中的express-session
May 19 Javascript
Express + Session 实现登录验证功能
Sep 08 Javascript
vue-cli 默认路由再子路由选中下的选中状态问题及解决代码
Sep 06 Javascript
详解Vue.directive 自定义指令
Mar 27 Javascript
JavaScript函数式编程(Functional Programming)纯函数用法分析
May 22 Javascript
JavaScript enum枚举类型定义及使用方法
May 15 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
日本十大科幻动漫 宇宙骑士垫底,第一已成经典
2020/03/04 日漫
mysql 的 like 问题,超强毕杀记!!!
2007/01/18 PHP
php获取本地图片文件并生成xml文件输出具体思路
2013/04/27 PHP
php支付宝接口用法分析
2015/01/04 PHP
php自定义hash函数实例
2015/05/05 PHP
又拍云异步上传实例教程详解
2016/04/19 PHP
Yii框架用户登录session丢失问题解决方法
2017/01/07 PHP
初学Javascript的一些总结
2008/11/03 Javascript
在Windows上安装Node.js模块的方法
2011/09/25 Javascript
Jquery 自定义动画概述及示例
2013/03/29 Javascript
JavaScript创建类/对象的几种方式概述及实例
2013/05/06 Javascript
jquery 检测元素是否存在的实例代码
2013/11/19 Javascript
Egret引擎开发指南之发布项目
2014/09/03 Javascript
jquery中添加属性和删除属性
2015/06/03 Javascript
关于原生js中bind函数的简单实现
2016/08/10 Javascript
很棒的js Tab选项卡切换效果
2016/08/30 Javascript
解析NodeJS异步I/O的实现
2017/04/13 NodeJs
vue使用高德地图根据坐标定位点的实现代码
2019/08/22 Javascript
vue中监听返回键问题
2019/08/28 Javascript
vue和H5 draggable实现拖拽并替换效果
2020/07/29 Javascript
jQuery实现简单评论功能
2020/08/19 jQuery
vue 解决在微信内置浏览器中调用支付宝支付的情况
2020/11/09 Javascript
[02:51]DOTA2战队出征照拍摄花絮 TI3明星化身时尚男模
2013/07/22 DOTA
[02:44]DOTA2英雄基础教程 克林克兹
2014/01/15 DOTA
使用Python脚本对Linux服务器进行监控的教程
2015/04/02 Python
python字符串循环左移
2019/03/08 Python
使用python快速在局域网内搭建http传输文件服务的方法
2019/11/14 Python
Html5 语法与规则简要概述
2014/07/29 HTML / CSS
荷兰演唱会和体育比赛订票网站:viagogo荷兰
2018/04/08 全球购物
蔻驰英国官网:COACH英国
2020/07/19 全球购物
安全生产年活动总结
2014/08/29 职场文书
镇人大副主席民主生活会对照检查材料思想汇报
2014/10/01 职场文书
村主任当选感言
2015/08/01 职场文书
委托书范本格式
2019/04/18 职场文书
python 遍历磁盘目录的三种方法
2021/04/02 Python
解决numpy数组互换两行及赋值的问题
2021/04/17 Python