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程序设计有所帮助。

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 职场文书