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 获取网页参数系统
Jul 19 Javascript
cloudgamer出品ImageZoom 图片放大效果
Apr 01 Javascript
jquery预览图片实现鼠标放上去显示实际大小
Jan 16 Javascript
JavaScript通过事件代理高亮显示表格行的方法
May 27 Javascript
js判断当前页面用什么浏览器打开的方法
Jan 06 Javascript
轻松掌握JavaScript状态模式
Sep 07 Javascript
分享十三个最佳JavaScript数据网格库
Apr 07 Javascript
微信小程序自定义toast实现方法详解【附demo源码下载】
Nov 28 Javascript
使用vuex缓存数据并优化自己的vuex-cache
May 30 Javascript
jQuery的Ajax接收java返回数据方法
Aug 11 jQuery
react实现antd线上主题动态切换功能
Aug 12 Javascript
解决vue项目运行提示Warnings while compiling.警告的问题
Sep 18 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 Parse Error: syntax error, unexpected $end 错误的解决办法
2012/06/05 PHP
使用Sphinx对索引进行搜索
2013/06/25 PHP
PHP代码优化的53个细节
2014/03/03 PHP
PHP字符串比较函数strcmp()和strcasecmp()使用总结
2014/11/19 PHP
PHP从二维数组得到N层分类树的实现代码
2016/10/11 PHP
Laravel学习教程之本地化模块
2017/08/18 PHP
jquery中的$(document).ready()与window.onload的区别
2009/11/18 Javascript
文本框获得焦点和失去焦点的判断代码
2012/03/18 Javascript
js图片轮播效果实现代码
2020/04/18 Javascript
jQuery+PHP+MySQL实现无限级联下拉框效果
2016/02/19 Javascript
基于JQuery的购物车添加删除以及结算功能示例
2017/03/08 Javascript
Node.js 中exports 和 module.exports 的区别
2017/03/14 Javascript
详解vue-router 2.0 常用基础知识点之导航钩子
2017/05/10 Javascript
Vue.Draggable实现拖拽效果
2020/07/29 Javascript
详解vue中computed 和 watch的异同
2017/06/30 Javascript
详解React Native 屏幕适配(炒鸡简单的方法)
2018/06/11 Javascript
iView-admin 动态路由问题的解决方法
2018/10/03 Javascript
JS实现获取数组中最大值或最小值功能示例
2019/03/02 Javascript
Vue 使用iframe引用html页面实现vue和html页面方法的调用操作
2020/11/16 Javascript
[44:58]2018DOTA2亚洲邀请赛 4.5 淘汰赛 LGD vs Liquid 第二场
2018/04/06 DOTA
[47:04]EG vs RNG 2019国际邀请赛小组赛 BO2 第二场 8.16
2019/08/18 DOTA
[01:52]2020年DOTA2 TI10夏季活动预告片
2020/07/15 DOTA
python3 requests中使用ip代理池随机生成ip的实例
2018/05/07 Python
Python实现的个人所得税计算器示例
2018/06/01 Python
pandas实现to_sql将DataFrame保存到数据库中
2019/07/03 Python
python判断两个序列的成员是否一样的实例代码
2020/03/01 Python
基于SQLAlchemy实现操作MySQL并执行原生sql语句
2020/06/10 Python
Canvas与图片压缩的示例代码
2017/11/28 HTML / CSS
html+js 实现markdown编辑器效果
2019/10/23 HTML / CSS
AC Lens:购买隐形眼镜
2017/02/26 全球购物
如何提高JDBC的性能
2013/04/30 面试题
财政局党的群众路线教育实践活动整改方案
2014/09/21 职场文书
2014年语文教学工作总结
2014/12/17 职场文书
校园环境卫生倡议书
2015/04/29 职场文书
会计继续教育培训心得体会
2016/01/19 职场文书
Nginx配置之禁止指定IP访问
2022/05/02 Servers