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里的条件判断
Feb 27 Javascript
Firefox+FireBug使JQuery的学习更加轻松愉快
Jan 01 Javascript
AJAX使用了UpdatePanel后无法使用alert弹出脚本
Apr 02 Javascript
js中indexof的用法详细解析
Dec 24 Javascript
Javscript删除数组中指定元素并返回新数组
Mar 06 Javascript
如何解决ligerUI布局时Center中的Tab高度大小
Nov 24 Javascript
详解使用vuex进行菜单管理
Dec 21 Javascript
使用element-ui table expand展开行实现手风琴效果
Mar 15 Javascript
vue+layui实现select动态加载后台数据的例子
Sep 20 Javascript
使用JavaScript计算前一天和后一天的思路详解
Dec 20 Javascript
javascript单张多张图无缝滚动实例代码
May 10 Javascript
JavaScript实现外溢动态爱心的效果的示例代码
Mar 21 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/12/30 PHP
php使用fputcsv实现大数据的导出操作详解
2020/02/27 PHP
javascript 面向对象编程 function也是类
2009/09/17 Javascript
javascript判断用户浏览器插件安装情况的代码
2011/01/01 Javascript
JavaScript 基础篇之运算符、语句(二)
2012/04/07 Javascript
JS实现侧悬浮浮动实例代码
2013/11/29 Javascript
浅谈jQuery中replace()方法
2015/05/13 Javascript
javascript实现简单的进度条
2015/07/02 Javascript
js中获取时间new Date()的全面介绍
2016/06/20 Javascript
bootstrap-table组合表头的实现方法
2017/09/07 Javascript
Angular5中调用第三方库及jQuery的添加的方法
2018/06/07 jQuery
layui table 参数设置方法
2018/08/14 Javascript
基于vue-cli、elementUI的Vue超简单入门小例子(推荐)
2019/04/17 Javascript
微信小程序HTTP请求从0到1封装
2019/09/09 Javascript
详解JavaScript作用域、作用域链和闭包的用法
2020/09/03 Javascript
通过vue.extend实现消息提示弹框的方法记录
2021/01/07 Vue.js
python模块smtplib学习
2018/05/22 Python
Python并发之多进程的方法实例代码
2018/08/15 Python
浅谈python在提示符下使用open打开文件失败的原因及解决方法
2018/11/30 Python
Python流程控制 while循环实现解析
2019/09/02 Python
详解Python中的format格式化函数的使用方法
2019/11/20 Python
Python3 A*寻路算法实现方式
2019/12/24 Python
MNIST数据集转化为二维图片的实现示例
2020/01/10 Python
Django之富文本(获取内容,设置内容方式)
2020/05/21 Python
如何用css3实现switch组件开关的方法
2018/02/09 HTML / CSS
最新大学毕业求职简历的自我评价
2013/10/18 职场文书
高中生毕业自我鉴定范文
2013/12/22 职场文书
电气工程师岗位职责
2014/01/01 职场文书
给学校的建议书
2014/03/12 职场文书
我有一个梦想演讲稿
2014/05/05 职场文书
大学第二课堂活动总结
2014/07/08 职场文书
大学生暑期社会实践证明范本
2014/10/24 职场文书
二审代理词范文
2015/05/25 职场文书
优秀共产党员主要事迹材料
2015/11/05 职场文书
mysql如何配置白名单访问
2021/06/30 MySQL
js前端图片加载异常兜底方案
2022/06/21 Javascript