编程 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淡入淡出效果的实现思路

Mar 31 Javascript

离开当前页面前使用js判断条件提示是否要离开页面

May 02 Javascript

RequireJS入门一之实现第一个例子

Sep 30 Javascript

JS折半插入排序算法实例

Dec 02 Javascript

iscroll碰到Select无法选择下拉刷新的解决办法

May 21 Javascript

jQuery ajax应用总结

Jun 02 Javascript

JavaScript Promise 用法

Jun 14 Javascript

AngularJS动态生成div的ID源码解析

Aug 29 Javascript

详解微信小程序登录获取unionid

Jun 27 Javascript

详解用vue编写弹出框组件

Jul 04 Javascript

nuxt+axios解决前后端分离SSR的示例代码

Oct 24 Javascript

用图片替换checkbox原始样式并实现同样的功能

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

不用iconv库的gb2312与utf-8的互换函数

2006/10/09 PHP

MySQL中create table语句的基本语法是

2007/01/15 PHP

PHP 中检查或过滤IP地址的实现代码

2011/11/27 PHP

PHP编程中的__clone()方法使用详解

2015/11/27 PHP

解决thinkPHP 5 nginx 部署时,只跳转首页的问题

2019/10/16 PHP

js 方法实现返回多个数据的代码

2009/04/30 Javascript

javascript web页面刷新的方法收集

2009/07/02 Javascript

jQuery EasyUI 开源插件套装完全替代ExtJS

2010/03/24 Javascript

jquery简单实现幻灯片的方法

2015/08/03 Javascript

概述jQuery中的ajax方法

2016/12/16 Javascript

angularjs 实现带查找筛选功能的select下拉框实例

2017/01/11 Javascript

微信小程序联网请求的轮播图

2017/07/07 Javascript

基于input框覆盖掉数字英文的实例讲解

2017/07/21 Javascript

利用原生JavaScript实现造日历轮子实例代码

2019/05/08 Javascript

vuex存储token示例

2019/11/11 Javascript

Vue利用localStorage本地缓存使页面刷新验证码不清零功能的实现

2020/09/04 Javascript

Python深入学习之闭包

2014/08/31 Python

Python使用cx_Oracle调用Oracle存储过程的方法示例

2017/10/07 Python

python隐藏终端执行cmd命令的方法

2019/06/24 Python

Python中pymysql 模块的使用详解

2019/08/12 Python

python3.6编写的单元测试示例

2019/08/17 Python

利用rest framework搭建Django API过程解析

2019/08/31 Python

Tensorflow矩阵运算实例(矩阵相乘,点乘,行/列累加)

2020/02/05 Python

CSS3实现粒子旋转伸缩加载动画

2016/04/22 HTML / CSS

利用CSS3把图片变成灰色模式的实例代码

2016/09/06 HTML / CSS

简单介绍HTML5中的文件导入

2015/05/08 HTML / CSS

赫里福德的一家乡村零售商店：Philip Morris & Son

2017/06/25 全球购物

美国领先的医疗警报服务：Philips Lifeline

2018/03/12 全球购物

马来西亚网上花店：FlowerAdvisor马来西亚

2020/01/03 全球购物

大型活动策划方案

2014/01/12 职场文书

2014年医院党建工作总结

2014/12/20 职场文书

2014年医院科室工作总结

2014/12/20 职场文书

开票员岗位职责

2015/02/12 职场文书

工作时间调整通知

2015/04/24 职场文书

开学第一周总结

2015/07/16 职场文书

Java中常用解析工具jackson及fastjson的使用

2021/06/28 Java/Android