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

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

Jun 13 Javascript

JavaScript 检测浏览器和操作系统的脚本

Dec 26 Javascript

js与jQuery实现checkbox复选框全选/全不选的方法

Jan 05 Javascript

基于Jquery和html5实现炫酷的3D焦点图动画

Mar 02 Javascript

JavaScript第一篇之实现按钮全选、功能

Aug 21 Javascript

javascript数组常用方法汇总

Sep 10 Javascript

jQuery设置和获取select、checkbox、radio的选中值方法

Jan 01 Javascript

bootstrap组件之按钮式下拉菜单小结

Jan 19 Javascript

Vue 2.0+Vue-router构建一个简单的单页应用（附源码）

Mar 14 Javascript

Js利用prototype自定义数组方法示例

Oct 20 Javascript

vue cli使用融云实现聊天功能的实例代码

Apr 19 Javascript

JavaScript中跨域问题的深入理解

Mar 04 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

基于数据库的在线人数，日访问量等统计

2006/10/09 PHP

利用static实现表格的颜色隔行显示的代码

2007/09/02 PHP

从PHP的源码中深入了解stdClass类

2014/04/18 PHP

php操作（删除,提取,增加）zip文件方法详解

2015/03/12 PHP

php+mongodb判断坐标是否在指定多边形区域内的实例

2016/10/28 PHP

PHP基于openssl实现的非对称加密操作示例

2019/01/11 PHP

js iframe跨域访问(同主域/非同主域)分别深入介绍

2013/01/24 Javascript

Json和Jsonp理论实例代码详解

2013/11/15 Javascript

Node.js实现批量去除BOM文件头

2014/12/20 Javascript

jQuery使用$.ajax提交表单完整实例

2015/12/11 Javascript

VUE实现一个分页组件的示例

2017/09/13 Javascript

详解动画插件wow.js的使用方法

2017/09/13 Javascript

详解Vuex中mapState的具体用法

2017/09/28 Javascript

JavaScript常用数组操作方法,包含ES6方法

2020/05/10 Javascript

微信小程序如何利用getCurrentPages进行页面传值

2019/07/01 Javascript

Echarts实现多条折线可拖拽效果

2019/12/19 Javascript

Vue实现图片轮播组件思路及实例解析

2020/05/11 Javascript

Python修改Excel数据的实例代码

2013/11/01 Python

pyside写ui界面入门示例

2014/01/22 Python

DataFrame中去除指定列为空的行方法

2018/04/08 Python

对python中的高效迭代器函数详解

2018/10/18 Python

解决python3中的requests解析中文页面出现乱码问题

2019/04/19 Python

Python实现的删除重复文件或图片功能示例【去重】

2019/04/23 Python

python django中8000端口被占用的解决

2019/12/17 Python

详解CSS3：overflow属性

2020/11/17 HTML / CSS

video结合canvas实现视频在线截图功能

2018/06/25 HTML / CSS

澳大利亚办公室装修：JasonL Office Furniture

2019/06/25 全球购物

如何将一个描述日期或日期/时间的字符串转换为一个Date对象

2015/10/13 面试题

师范毕业生求职信

2014/07/11 职场文书

老公给老婆的检讨书（精华篇）

2014/10/18 职场文书

本科毕业论文指导教师评语

2014/12/30 职场文书

大学感恩节活动总结

2015/05/05 职场文书

退休教师追悼词

2015/06/23 职场文书

2015年度环卫处工作总结

2015/07/24 职场文书

Mysql中where与on的区别及何时使用详析

2021/08/04 MySQL

详解Alibaba Java诊断工具Arthas查看Dubbo动态代理类

2022/04/08 Java/Android