jquery操作iframe的方法：父页面和子页面相互操作的方法
今天在弄jquery操作iframe中元素：先由iframe中的子页面b.html给外面的父页面a.html页面传值，再将a.html页面计算机的值放到b.html页面上，这里就用到子页面和父页面相互传值，相互调用更自函数这些功能，这里我用一个简单的例子来介绍一下这些方法。
a.html
<script language="javascript" src="http://www.aspbc.com/js/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
function f()
{
$('#a').contents().find("#bbb").val("ddd");
}
function fun()
{
alert('弹出子页面调用的函数');
}
</script>
<div >test</div>
<iframe name="a" src="b.html" width="600" height="400"></iframe><br />
<input type="button" value="给子页面表单赋值" onclick="f()" />b.html
<script language="javascript" src="http://www.aspbc.com/js/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
function f()
{
alert('开始调用父页面函数');
$(window.parent.fun());
$(window.parent.$("#maindiv").html("子页面赋过来的值"));
}
</script>
<form name="cform"><input type="text" name="b" /><input name="btn" type="button" onclick="f()" value="调用父函数并给父页面元素赋值" /></form>属性
new : HTML5 中的新属性。
| 属性 | 值 | 描述 |
|---|---|---|
| align |
| 不赞成使用。请使用样式代替。 规定如何根据周围的元素来对齐此框架。 |
| frameborder |
| 规定是否显示框架周围的边框。 |
| height |
| 规定 iframe 的高度。 |
| longdesc | URL | 规定一个页面，该页面包含了有关 iframe 的较长描述。 |
| marginheight | pixels | 定义 iframe 的顶部和底部的边距。 |
| marginwidth | pixels | 定义 iframe 的左侧和右侧的边距。 |
| name | frame_name | 规定 iframe 的名称。 |
| sandbox |
| 启用一系列对 <iframe> 中内容的额外限制。 |
| scrolling |
| 规定是否在 iframe 中显示滚动条。 |
| seamless | seamless | 规定 <iframe> 看上去像是包含文档的一部分。 |
| src | URL | 规定在 iframe 中显示的文档的 URL。 |
| srcdoc | HTML_code | 规定在 <iframe> 中显示的页面的 HTML 内容。 |
| width |
| 定义 iframe 的宽度。 |
var _body = window.parent;--------------------获取这个div2的父级窗口，那么自然是这个body了；
var _iframe1 = _body.document,getElementById('rightMain');-------------------根据id获取iframe1这个对象；
_iframe1.contentWindow.location.reload(true);-----------------------看到reload就该知道是刷新了这个iframe1了。
https://www.cnblogs.com/eco-just/p/9091018.html