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

浅析return false的正确使用

Nov 04 Javascript

浅谈JavaScript的Polymer框架中的事件绑定

Jul 29 Javascript

js精准的倒计时函数分享

Jun 29 Javascript

jQuery简单实现iframe的高度根据页面内容自适应的方法

Aug 01 Javascript

js友好的时间返回函数

Aug 24 Javascript

jQuery事件绑定用法详解

Sep 08 Javascript

详解如何在 vue 项目里正确地引用 jquery 和 jquery-ui的插件

Jun 01 jQuery

帝国cms首页列表页实现点赞功能

Oct 30 Javascript

详解RequireJs官方使用教程

Oct 31 Javascript

浅谈vue中关于checkbox数据绑定v-model指令的个人理解

Nov 14 Javascript

Vuex 单状态库与多模块状态库详解

Dec 11 Javascript

koa中间件核心（koa-compose）源码解读分析

Jun 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

汉字转化为拼音(php版)

2006/10/09 PHP

php防注

2007/01/15 PHP

php与java通过socket通信的实现代码

2013/10/21 PHP

PHP调用API接口实现天气查询功能的示例

2017/09/21 PHP

Laravel如何使用Redis共享Session

2018/02/23 PHP

PHP+Ajax简单get验证操作示例

2019/03/02 PHP

网页里控制图片大小的相关代码

2006/06/13 Javascript

JSON 学习之完全手册图文

2007/05/29 Javascript

Extjs4中Form的使用之本地hiddenfield

2013/11/26 Javascript

Nodejs极简入门教程（一）：模块机制

2014/10/25 NodeJs

js实现网页收藏功能

2015/12/17 Javascript

json的使用小结

2016/06/08 Javascript

JS实现放大、缩小及拖拽图片的方法【可兼容IE、火狐】

2016/08/23 Javascript

angularJs select绑定的model取不到值的解决方法

2018/10/08 Javascript

vue-router权限控制(简单方式)

2018/10/29 Javascript

封装微信小程序http拦截器过程解析

2019/08/13 Javascript

JS实现网站楼层导航效果代码实例

2020/06/16 Javascript

[01:32]寻找你心中的那团火 DOTA2 TI9火焰传递活动今日开启

2019/05/16 DOTA

Python对CSV、Excel、txt、dat文件的处理

2018/09/18 Python

python 删除字符串中连续多个空格并保留一个的方法

2018/12/22 Python

Python flask框架post接口调用示例

2019/07/03 Python

Python 中的 global 标识对变量作用域的影响

2019/08/12 Python

Django对models里的objects的使用详解

2019/08/17 Python

python之yield和Generator深入解析

2019/09/18 Python

Python enumerate内置库用法解析

2020/02/24 Python

python调用API接口实现登陆短信验证

2020/05/10 Python

python实现斗地主分牌洗牌

2020/06/22 Python

如何快速理解python的垃圾回收机制

2020/09/01 Python

新西兰最大的在线设计师眼镜店：SmartBuyGlasses新西兰

2017/10/20 全球购物

手工制作的意大利礼服鞋：Ace Marks

2018/12/15 全球购物

Linux面试题LINUX系统类

2015/11/25 面试题

2014年银行信贷员工作总结

2014/12/08 职场文书

投标承诺函格式

2015/01/21 职场文书

党员干部学习心得体会

2016/01/23 职场文书

Python基础之操作MySQL数据库

2021/05/06 Python

Django实现聊天机器人

2021/05/31 Python