JS修改iframe页面背景颜色的方法
更新时间：2015年04月01日 15:32:11 作者：疯狂一夏
这篇文章主要介绍了JS修改iframe页面背景颜色的方法,涉及javascript操作iframe页面样式的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
本文实例讲述了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中break、continue和return的用法区别实例分析
这篇文章主要介绍了JavaScript中break、continue和return的用法区别,结合实例形式详细对比分析了JavaScript中break、continue和return的基本功能、使用方法、区别与操作注意事项,需要的朋友可以参考下2020-03-03
这篇文章主要介绍了在一般处理程序（ashx）中弹出js提示语的相关资料,需要的朋友可以参考下2017-08-08
JavaScript语法集锦是对javascript常用函数的一些小结，比较实用，建议收藏，方便查找需要的资料。2009-11-11
Ajax（Asynchronous Javascript And XML），即是异步的JavaScript和XML，Ajax其实就是浏览器与服务器之间的一种异步通信方式2022-10-10
在 Vue 3 中使用 Element Plus 的 <el-menu> 组件时,默认情况下菜单项是关闭状态的,如果你想让某个菜单项默认处于展开状态,你可以通过设置菜单项的 default-active 属性来实现,这篇文章主要介绍了element-plus默认菜单打开,需要的朋友可以参考下2024-08-08
这篇文章主要为大家详细介绍了原生js编写的autoComplete插件，感兴趣的小伙伴们可以参考一下2016-04-04
生成器Generator是JavaScript ES6引入的特性，它让我们可以分段执行一个函数。但是在谈论生成器（Generator）之前，我们要先了解迭代器Iterator2022-08-08
这篇文章主要介绍了mui 打开新窗口的方式总结及注意事项,需要的朋友可以参考下2017-08-08
Javascript中apply、call、bind的巧妙使用
Javascript中apply、call、bind都是为了改变函数体内部 this 的指向。下面通过本文重点给大家介绍js中apply，call，bind的巧妙使用方法，感兴趣的朋友一起学习吧2016-08-08
我们在开发的过程中一定常常发现const关键字定义的简单类型变量不可以改变,但是你如果定义的是一个复杂类型变量（比如对象）的话对里面属性的增删改查是可以的,那这又是为什么呢,接下来就来和小编一起探讨一下吧2023-11-11
最新评论