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

网页和浏览器兼容性问题汇总(draft1)

Jun 01 Javascript

jQuery的三种$()

Dec 30 Javascript

jquery创建并行对象或者合并对象的实现代码

Oct 10 Javascript

MyEclipse取消验证Js的两种方法

Nov 14 Javascript

js中call与apply的用法小结

Dec 28 Javascript

JavaScript通过prototype给对象定义属性用法实例

Mar 23 Javascript

node.js连接mongoDB数据库快速搭建自己的web服务

Apr 17 Javascript

JavaScript中三种常见的排序方法

Feb 24 Javascript

ReactNative列表ListView的用法

Aug 02 Javascript

vue+webpack 更换主题N种方案优劣分析

Oct 28 Javascript

vue设置默认首页的操作

Aug 12 Javascript

关于JavaScript 中 if包含逗号表达式

Nov 27 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 八种基本的数据类型小结

2011/06/01 PHP

apache mysql php 源码编译使用方法

2012/05/03 PHP

php使用fsockopen函数发送post,get请求获取网页内容的方法

2014/11/15 PHP

php删除文本文件中重复行的方法

2015/04/28 PHP

各种快递查询--Api接口

2016/04/26 PHP

php设计模式之状态模式实例分析【星际争霸游戏案例】

2020/03/26 PHP

浏览器窗口加载和大小改变事件示例

2014/02/27 Javascript

js中的事件捕捉模型与冒泡模型实例分析

2015/01/10 Javascript

基于bootstrap3和jquery的分页插件

2015/07/31 Javascript

jquery实现动静态条形统计图

2015/08/17 Javascript

jQuery stop()用法实例详解

2016/07/28 Javascript

详解ECharts使用心得总结

2016/12/06 Javascript

JS判断是否手机或pad访问实现方法

2016/12/09 Javascript

jQuery基于ajax实现页面加载后检查用户登录状态的方法

2017/02/10 Javascript

原生js实现选项卡功能

2017/03/08 Javascript

Bootstrap超大屏幕的实现代码

2017/03/22 Javascript

bootstrap paginator分页插件的两种使用方式实例详解

2017/11/14 Javascript

Vue插件打包与发布的方法示例

2018/08/20 Javascript

jquery获取img的src值实例介绍

2019/01/16 jQuery

[53:23]Secret vs Liquid 2018国际邀请赛淘汰赛BO3 第二场 8.25

2018/08/29 DOTA

python自动化工具日志查询分析脚本代码实现

2013/11/26 Python

python实现多线程的两种方式

2016/05/22 Python

python简单线程和协程学习心得(分享)

2017/06/14 Python

Python实现的径向基（RBF）神经网络示例

2018/02/06 Python

pandas string转dataframe的方法

2018/04/11 Python

python 2.7.13 安装配置方法图文教程

2018/09/18 Python

解决Python中pandas读取*.csv文件出现编码问题

2019/07/12 Python

Django执行源生mysql语句实现过程解析

2020/11/12 Python

用ldap作为django后端用户登录验证的实现

2020/12/07 Python

Canvas 像素处理之改变透明度的实现代码

2019/01/08 HTML / CSS

英国折扣零售连锁店：QD Stores

2018/12/08 全球购物

Nanushka官网：匈牙利服装品牌

2019/08/14 全球购物

ASOS西班牙官网：英国在线时尚和美容零售商

2020/01/10 全球购物

高中学校对照检查材料

2014/08/31 职场文书

信息与工商管理职业规划范文：为梦想而搏击

2014/09/11 职场文书

同步小康驻村工作简报

2015/07/20 职场文书