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

jquery插件开发方法(初学者)

Feb 03 Javascript

JQuery操作tr和td内容的方法实例

Mar 06 Javascript

Extjs4 关于Store的一些操作(加载/回调/添加)

Apr 18 Javascript

Extjs3.0 checkboxGroup 动态添加item实现思路

Aug 14 Javascript

JavaScript限定图片显示大小的方法

Mar 11 Javascript

JS判断字符串包含的方法

May 05 Javascript

JavaScript实现自动对页面上敏感词进行屏蔽的方法

Jul 27 Javascript

javascript对象的创建和访问

Mar 08 Javascript

jQuery简单实现彩色云标签效果示例

Aug 01 Javascript

create-react-app构建项目慢的解决方法

Mar 14 Javascript

Vue $emit $refs子父组件间方法的调用实例

Sep 12 Javascript

Vue中axios的封装（报错、鉴权、跳转、拦截、提示）

Aug 20 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

人族 Terran 魔法与科技

2020/03/14 星际争霸

Windows Apache2.2.11及Php5.2.9-1的安装与配置方法

2009/06/08 PHP

php中将图片gif,jpg或mysql longblob或blob字段值转换成16进制字符串

2011/08/23 PHP

PHP 关于访问控制的和运算符优先级介绍

2013/07/08 PHP

javascript 贪吃蛇实现代码

2008/11/22 Javascript

Javascript attachEvent传递参数的办法

2009/12/14 Javascript

JSON.parse 解析字符串出错的解决方法

2010/07/08 Javascript

简单的代码实现jquery定时器

2014/01/03 Javascript

jQuery的观察者模式详解

2014/12/22 Javascript

javascript创建函数的20种方式汇总

2015/06/23 Javascript

jquery实现的仿天猫侧导航tab切换效果

2015/08/24 Javascript

关于AngularJs数据的本地存储详解

2017/01/20 Javascript

微信小程序 swiper制作tab切换实现附源码

2017/01/21 Javascript

jQuery基本筛选选择器实例代码

2017/02/06 Javascript

jquery.flot.js简单绘制折线图用法示例

2017/03/13 Javascript

解决在vue+webpack开发中出现两个或多个菜单公用一个组件问题

2017/11/28 Javascript

js 实现复选框只能选择一项的示例代码

2018/01/23 Javascript

微信小程序中换行空格（多个空格）写法详解

2018/07/10 Javascript

中高级前端必须了解的JS中的内存管理(推荐)

2019/07/04 Javascript

js获取本日、本周、本月的时间代码

2020/02/01 Javascript

vue将文件/图片批量打包下载zip的教程

2020/10/21 Javascript

JS实现简单贪吃蛇小游戏

2020/10/28 Javascript

[40:10]2015国际邀请赛全明星表演赛

2015/08/07 DOTA

python中from module import * 的一个坑

2014/07/20 Python

Python批量查询域名是否被注册过

2017/06/21 Python

pytorch 图像中的数据预处理和批标准化实例

2020/01/15 Python

三维科技面试题

2013/07/27 面试题

如何写一份好的自荐信

2014/01/02 职场文书

经营理念口号

2014/06/21 职场文书

村党支部书记四风问题个人对照检查材料思想汇报

2014/10/06 职场文书

校长一岗双责责任书

2015/05/09 职场文书

2015年仓库管理工作总结

2015/05/25 职场文书

高一作文之暖冬

2019/11/09 职场文书

导游词之江南周庄

2019/12/06 职场文书

如何理解python接口自动化之logging日志模块

2021/06/15 Python

Python中三种花式打印的示例详解

2022/03/19 Python