编程 Javascript

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程序设计有所帮助。

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

- Author -

疯狂一夏

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

Javascript 设计模式（二）闭包

May 26 Javascript

使用js实现关闭js弹出层的窗口

Feb 10 Javascript

js模拟淘宝网的多级选择菜单实现方法

Aug 18 Javascript

jquery验证邮箱格式并显示提交按钮

Nov 07 Javascript

javascript字符串函数汇总

Dec 06 Javascript

jquery对dom节点的操作【推荐】

Apr 15 Javascript

简单理解Vue条件渲染

Dec 03 Javascript

jQuery监听浏览器窗口大小的变化实例

Feb 07 Javascript

vue单页应用中如何使用jquery的方法示例

Jul 27 jQuery

vue脚手架搭建项目的兼容性配置详解

Jul 17 Javascript

jQuery实现鼠标移入移出事件切换功能示例

Sep 06 jQuery

在HTML中使用JavaScript的两种方法

Dec 24 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

php中多维数组按指定value排序的实现代码

2014/08/19 PHP

php字符串函数学习之strstr()

2015/03/27 PHP

php获取网站根目录物理路径的几种方法(推荐)

2017/03/04 PHP

线路分流自动智能跳转代码,自动选择最快镜像网站(js)

2011/10/31 Javascript

给Flash加一个超链接(推荐使用透明层)兼容主流浏览器

2013/06/09 Javascript

JavaScript函数模式详解

2014/11/07 Javascript

javascript实现的淘宝旅行通用日历组件用法实例

2015/08/03 Javascript

js闭包用法实例详解

2016/12/13 Javascript

Angular-Ui-Router+ocLazyLoad动态加载脚本示例

2017/03/02 Javascript

JS数组交集、并集、差集的示例代码

2017/08/23 Javascript

angularJs-$http实现百度搜索时的动态下拉框示例

2018/02/27 Javascript

vue+vuex+axios从后台获取数据存入vuex,组件之间共享数据操作

2020/07/31 Javascript

[01:01:24]LGD vs Fnatic 2018国际邀请赛小组赛BO2 第一场 8.18

2018/08/19 DOTA

Python使用metaclass实现Singleton模式的方法

2015/05/05 Python

python追加元素到列表的方法

2015/07/28 Python

Python随机生成带特殊字符的密码

2016/03/02 Python

微信用脚本查看是否被微信好友删除

2016/10/28 Python

Python实现字符串匹配算法代码示例

2017/12/05 Python

python爬虫_实现校园网自动重连脚本的教程

2018/04/22 Python

Python 从相对路径下import的方法

2018/12/04 Python

Python之列表实现栈的工作功能

2019/01/28 Python

Python使用正则实现计算字符串算式

2019/12/29 Python

pytorch之inception_v3的实现案例

2020/01/06 Python

Python简单实现词云图代码及步骤解析

2020/06/04 Python

CSS3动画和HTML5新特性详解

2020/08/31 HTML / CSS

HTML5未来发展趋势

2016/02/01 HTML / CSS

美国知名的百货清仓店：Neiman Marcus Last Call

2016/08/03 全球购物

this关键字的含义

2015/04/08 面试题

心得体会开头

2014/01/01 职场文书

教育学习自我评价

2014/02/03 职场文书

大学生毕业求职自荐书范文

2014/02/04 职场文书

创先争优活动方案

2014/02/12 职场文书

《秋姑娘的信》教学反思

2014/02/28 职场文书

离职告别感言

2015/08/04 职场文书

聘任书格式及范文

2015/09/21 职场文书

CSS 圆形进度栏

2021/04/06 HTML / CSS