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 相关文章推荐
javascript中的对象和数组的应用技巧
Jan 07 Javascript
关于document.cookie的使用javascript
Apr 11 Javascript
JavaScript delete操作符应用实例
Jan 13 Javascript
javascript获得CheckBoxList选中的数量
Oct 27 Javascript
IE6下focus与blur错乱的解决方案
Jul 31 Javascript
解决jquery中美元符号命名冲突问题
Jan 08 Javascript
node.js中的events.emitter.once方法使用说明
Dec 10 Javascript
javascript中select下拉框的用法总结
Jan 07 Javascript
详解JS: reduce方法实现 webpack多文件入口
Feb 14 Javascript
vuejs使用FormData实现ajax上传图片文件
Aug 08 Javascript
jQuery中each遍历的三种方法实例分析
Sep 07 jQuery
Vue通过for循环随机生成不同的颜色或随机数的实例
Nov 09 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无限级分类方法及代码
2013/06/21 PHP
php导出excel格式数据问题
2014/03/11 PHP
php获取文件夹路径内的图片以及分页显示示例
2014/03/11 PHP
PHP设计模式之简单投诉页面实例
2016/02/24 PHP
Yii2主题(Theme)用法详解
2016/07/23 PHP
PHP基于回溯算法解决n皇后问题的方法示例
2017/11/07 PHP
PHP实现的函数重载功能示例
2018/08/03 PHP
Yii2框架视图(View)操作及Layout的使用方法分析
2019/05/27 PHP
jQuery 源代码显示控件 (Ajax加载方式).
2009/05/18 Javascript
jQuery学习笔记之jQuery选择器的使用
2010/12/22 Javascript
Jquery提交表单 Form.js官方插件介绍
2012/03/01 Javascript
用Jquery.load载入页面后样式没了页面混乱的解决方法
2014/10/20 Javascript
jQuery实现模仿微博下拉滚动条加载数据效果
2015/12/25 Javascript
Nodejs中Express 常用中间件 body-parser 实现解析
2017/05/22 NodeJs
vue自定义一个v-model的实现代码
2018/06/21 Javascript
详解KOA2如何手写中间件(装饰器模式)
2018/10/11 Javascript
Vue多组件仓库开发与发布详解
2019/02/28 Javascript
详解基于 Node.js 的轻量级云函数功能实现
2019/07/08 Javascript
JavaScript数组去重实现方法小结
2020/01/17 Javascript
leaflet加载geojson叠加显示功能代码
2020/02/21 Javascript
vue 动态添加的路由页面刷新时失效的原因及解决方案
2021/02/26 Vue.js
[37:03]完美世界DOTA2联赛PWL S3 INK ICE vs GXR 第二场 12.16
2020/12/18 DOTA
学习Python3 Dlib19.7进行人脸面部识别
2018/01/24 Python
python ChainMap 合并字典的实现步骤
2019/06/11 Python
windows中安装Python3.8.0的实现方法
2019/11/19 Python
详解matplotlib绘图样式(style)初探
2021/02/03 Python
python 利用panda 实现列联表(交叉表)
2021/02/06 Python
浅谈html5之sse服务器发送事件EventSource介绍
2017/08/28 HTML / CSS
英国最大的线上保健品零售商之一:Vitamin Planet
2016/12/01 全球购物
请描述一下”is a”关系和”has a”关系
2015/02/03 面试题
素质拓展感言
2014/01/29 职场文书
中学生差生评语
2014/01/30 职场文书
要账委托书范本
2014/09/15 职场文书
导游词之潮音寺
2019/09/26 职场文书
python实现简单倒计时功能
2021/04/21 Python
MySQL为数据表建立索引的原则详解
2022/03/03 MySQL