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

在JavaScript中通过URL传递汉字的方法

Apr 09 Javascript

List the Codec Files on a Computer

Jun 11 Javascript

jQuery获取css z-index在各种浏览器中的返回值

Sep 15 Javascript

修改file按钮的默认样式实现代码

Apr 23 Javascript

可简单避免的三个JS发布错误的详细介绍

Aug 02 Javascript

教你在heroku云平台上部署Node.js应用

Jul 30 Javascript

Jqgrid之强大的表格插件应用

Dec 02 Javascript

深入理解jquery自定义动画animate()

May 24 Javascript

jQuery实现返回顶部按钮和scroll滚动功能[带动画效果]

Jul 05 jQuery

vue2.x 父组件监听子组件事件并传回信息的方法

Jul 17 Javascript

9102年webpack4搭建vue项目的方法步骤

Feb 20 Javascript

微信小程序实现单个或多个倒计时功能

Nov 01 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

什么是调频(FM)、调幅(AM)、短波(SW)、长波(LW)

2021/03/01 无线电

PHP脚本中include文件出错解决方法

2008/11/20 PHP

mayfish 数据入库验证代码

2010/04/30 PHP

php类的自动加载操作实例详解

2016/09/28 PHP

jQuery 动画基础教程

2008/12/25 Javascript

js弹出层(jQuery插件形式附带reLoad功能)

2013/04/12 Javascript

jQuery常用且重要方法汇总

2015/07/13 Javascript

小程序开发实战：实现九宫格界面的导航的代码实现

2017/01/19 Javascript

jQuery插件FusionCharts绘制的3D双柱状图效果示例【附demo源码】

2017/04/20 jQuery

详解webpack 配合babel 将es6转成es5 超简单实例

2017/05/02 Javascript

微信小程序上滑加载下拉刷新（onscrollLower）分批加载数据（二）

2017/05/11 Javascript

Angular 1.x个人使用的经验小结

2017/07/19 Javascript

ES6正则表达式扩展笔记

2017/07/25 Javascript

React-Router如何进行页面权限管理的方法

2017/12/06 Javascript

vue与vue-i18n结合实现后台数据的多语言切换方法

2018/03/08 Javascript

vue.js实现带日期星期的数字时钟功能示例

2018/08/28 Javascript

vue项目使用$router.go(-1)返回时刷新原来的界面操作

2020/07/26 Javascript

ES5和ES6中类的区别总结

2020/12/21 Javascript

python列表的常用操作方法小结

2016/05/21 Python

Python调用微信公众平台接口操作示例

2017/07/08 Python

利用numpy和pandas处理csv文件中的时间方法

2018/04/19 Python

pytorch 转换矩阵的维数位置方法

2018/12/08 Python

python爬虫基础教程：requests库（二）代码实例

2019/04/09 Python

python的set处理二维数组转一维数组的方法示例

2019/05/31 Python

matlab中imadjust函数的作用及应用举例

2020/02/27 Python

python 画条形图(柱状图)实例

2020/04/24 Python

详解用Python爬虫获取百度企业信用中企业基本信息

2020/07/02 Python

英格兰橄榄球商店：England Rugby Store

2016/12/17 全球购物

GEOX鞋美国官方网站：意大利会呼吸的鞋

2017/07/12 全球购物

美国糖果店：Sugarfina

2019/02/21 全球购物

中学生运动会通讯稿大全

2014/09/18 职场文书

接收函格式

2015/01/30 职场文书

出纳2015年度工作总结范文

2015/10/14 职场文书

《百分数的认识》教学反思

2016/02/19 职场文书

MySQL sql_mode修改不生效的原因及解决

2021/05/07 MySQL

SQL Server远程连接的设置步骤(图文)

2022/03/23 SQL Server