iframe框架用JavaScript子页面控制父页面
作者：zishu 来源：zishu博客 发布时间：2009-01-19 13:43:00
标签：iframe,JavaScript,框架,父
parent.html 中的代码为：
<iframe marginwidth="0" framespacing="0" marginheight="0" frameborder="0"
name="uploadframe" id="uploadframe" src="c.html" scrolling="no" width="100" height="100" ></iframe>
如想在c.html 中写一些代码去改变parent.html 中的一些内容，以下代码可作为参考：
1、parent.window.frames 可返回parent.html 中所有的iframe；返回结果应该是一个数组，用parent.window.frames[iframeId]可得到iframeId；
2、用parent.document.getElementById('xxxx')可得到父里的xxxx，并改变相应的值，例如：parent.document.getElementById('xxxx').className = 'test';
3、如果我想在父中再创建一个元素，直接用parent.appendChild(yyyy)在firefox中是可以的，但在IE（最起码IE6）是不行的； 所以，要把创建这个动作放在父中来完成，在子中调用；
例如：父中的代码为：
function addIframe(vNum){
var iframe = document.createElement("iframe");
iframe.setAttribute("marginwidth", "0");
iframe.setAttribute("framespacing", "0");
iframe.setAttribute("marginheight", "0");
iframe.setAttribute("frameborder", "0");
iframe.setAttribute("name", vNum);
iframe.setAttribute("id", vNum);
iframe.setAttribute("src", "http://www.zishu.cn");
iframe.setAttribute("scrolling", "no");
iframe.setAttribute("width", "100");
iframe.setAttribute("height", "100");
document.getElementsByTagName('body')[0].appendChild(iframe);
return;
}
子中可以这样调用：
<script>
parent.addIframe('xxxx');
</script>
这样就能完整创建一个元素了；
4、同理，如果我想在子中把iframe给隐藏，本来想直接用parent.document.getElementById('uploadframe').style.display = 'none';来弄，但无论是在IE还是FIREFOX中，都是行不通的；只能用上边的方法把动作放在父中。
0
投稿猜你喜欢
现在的互联网上已经有很多能帮助设计师们的各种在线生成器，比如:图标(icon)生成器、背景生成器、按钮生成器和标志生成器等。Balkhis曾- 以下是menu.asp代码 程序代码 <％ '-----------------------------------
- 一、Sql Server中的日期与时间函数 1. 当前系统日期、时间 select getdate() 2. dateadd 在向指定日期加
- MySQL中有许多操作符和函数可以返回字符串。本节回答这个问题：返回的字符串使用什么字符集和 校对规则?对于简单的函数，即接收字符串输入然后
- YSlow是yahoo美国开发的一个页面评分插件，非常的棒，从中我们可以看出我们页面上的很多不足，并且可以知道我们改怎么却改进和优化。仔细研
- 一、密码式给数据库起一个随机复杂的名称，避免被猜到被下载，这种方式在以前很流行，因为大家都对自己的代码很有自信。但随着错误提示对数据库地址的
- 我们今天主要描述的是php和MySQL转义字符，我们大家都知道php和MySQL转义字符的实际应用比例还是占为多数的，如果你对这一技术，心存
- 如何用表单在线建立目录？很简单，两个文件就搞定了：creatfolder.htm' 表单文件<form n
- jQuery是一个非常优秀的JavaScript 框架，使用简单灵活，同时还有许多成熟的插件可供选择，它可以帮助你在项目中加入一些非常好的效
- 在第一章，我们讲过position，当它取值absolute的时候，即绝对定位。既然是定位，就要有参照物。一般来讲，这个定位的参照物是bod
- 通过优化CSS代码，减小对系统资源的占用。自己整理出几个能减少系统资源占用的CSS写法，要优化网站的页面加载速度，这些注意点不能忽视！一、尽
- 一个asp显示当前日期农历的代码函数，效果 今天是：农历丁亥年(猪)八月十三。调用方便！Function nl()'获取当前系统时间
- 我今天晚上，做一个快印公司的网站布局，在Div镶套布局中，父标签DIV的高度不变。在IE下没有问题，但是在FIREFOX下就有问题了。如图：
- 在设计网页时，经常遇到某些页面需限权访问的情况。比如，一个公司的某些产品只让某一或某些供应商或客户浏览。那么，我们如何实现这一功能呢？本文，
- 这里会讨论令Oracle停机时间最小化的步骤。各种形式的停机--计划的或者是非计划的--总是不断地发生，一个DBA应该有正确的备份策略，这样
- 在计算机信息技术中，少有象类似 XML 那样的技术，她让人们产生范围很大的联想，而这些联想及其应用又可能相距甚远。她也更多引起人们对 XML
- 本文使用css结合js技术给网页背景background 插入flash播放器播放音乐，想法很大胆，呵呵！刚刚乱试一翻搞出这个,有意思吗?请
- 内容摘要合理使用渐变留白网格布局提高字体应用明确而有效的导航设计漂亮、有用的页脚介绍优秀设计和卓越设计之间的区别是比较小的。一般人可能无法解
- 应用目标：制作文字特效 应用软件：Dreamweaver MX操作难度：★★☆☆☆我们常用的网页制作工具Dreamweaver MX不仅可以
- 我们在使用很多新闻系统的时候，都会发现一个问题，尤其是使用 HtmlEdit 从WORD文档中直接拷贝文章（尤其里面有复杂表格和文字）的时候
