编程 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 相关文章推荐

excel操作之Add Data to a Spreadsheet Cell

Jun 12 Javascript

JS多物体任意值链式缓冲运动

Aug 10 Javascript

jquery动态加载js/css文件方法(自写小函数)

Oct 11 Javascript

JS实现响应鼠标点击动画渐变弹出层效果代码

Mar 25 Javascript

jquery实现tab键进行选择后enter键触发click行为

Mar 29 jQuery

微信小程序联网请求的轮播图

Jul 07 Javascript

微信小程序之圆形进度条实现思路

Feb 22 Javascript

在vue中使用css modules替代scroped的方法

Mar 10 Javascript

JavaScript使用ul中li标签实现删除效果

Apr 15 Javascript

vue项目中运用webpack动态配置打包多种环境域名的方法

Jun 24 Javascript

vue+elementUI动态生成面包屑导航教程

Nov 04 Javascript

详解vue父子组件状态同步的最佳方式

Sep 10 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递归调用数组值并用其执行指定函数的方法

2015/04/01 PHP

实现php删除链表中重复的结点

2018/09/27 PHP

JavaScript Konami Code 实现代码

2009/07/29 Javascript

CSS+Jquery实现页面圆角框方法大全

2009/12/24 Javascript

JS连连看源码完美注释版(推荐)

2013/12/09 Javascript

jquery制作弹窗提示窗口代码分享

2014/03/02 Javascript

使用JavaScript进行进制转换将字符串转换为十进制

2014/09/21 Javascript

纯js代码实现未知宽高的元素在指定元素中垂直水平居中显示

2015/09/12 Javascript

javascript实现全角转半角的方法

2016/01/23 Javascript

JS组件Bootstrap ContextMenu右键菜单使用方法

2016/04/17 Javascript

javascript中sort排序实例详解

2016/07/24 Javascript

微信公众号客服接口的开发实例详解

2016/09/28 Javascript

jquery一键控制checkbox全选、反选或全不选

2017/10/16 jQuery

nodejs简单实现TCP服务器端和客户端的聊天功能示例

2018/01/04 NodeJs

vue-scroller记录滚动位置的示例代码

2018/01/17 Javascript

微信小程序switch开关选择器使用详解

2018/01/31 Javascript

JavaScript函数节流和函数去抖知识点学习

2018/07/31 Javascript

解决vuejs 使用value in list 循环遍历数组出现警告的问题

2018/09/26 Javascript

简单易扩展可控性强的Jquery转盘抽奖程序

2019/03/16 jQuery

在Vue项目中使用Typescript的实现

2019/12/19 Javascript

[20:57]Ti4主赛事第三天开幕式

2014/07/21 DOTA

Python 字符串大小写转换的简单实例

2017/01/21 Python

python实现Adapter模式实例代码

2018/02/09 Python

浅谈利用numpy对矩阵进行归一化处理的方法

2018/07/11 Python

python把1变成01的步骤总结

2019/02/27 Python

详解Python正则表达式re模块

2019/03/19 Python

南威尔士家居商店：Leekes

2016/10/25 全球购物

如果有两个类A,B,怎么样才能使A在发生一个事件的时候通知B

2016/03/12 面试题

中式面点餐厅创业计划书

2014/01/29 职场文书

《果园机器人》教学反思

2014/04/13 职场文书

小学见习报告

2014/10/31 职场文书

副总经理岗位职责

2015/02/02 职场文书

高中历史教学反思

2016/02/19 职场文书

忆童年!用Python实现愤怒的小鸟游戏

2021/06/07 Python

详解Nginx 被动检查服务器的存活状态

2021/10/16 Servers

Mysql事务索引知识汇总

2022/03/17 MySQL