iframe元素会创建包含另外一个文档的内联框架,并且所有浏览器都支持iframe标签。通常在复合型网页中会使用到,使用jQuery可以轻松的从iframe中调用元素的方法和定义变量,也能从iframe框架中调用父元素的方法和获取变量。
使用方法
先在html中引入jQuery的js
<script type="text/javascript" src="//code.jquery.com/jquery-1.11.1.min.js"></script>
iframe操作父页面
1、在iframe中获取父页面元素
$('#id', window.parent.document);
// 或者
$("#obj", parent.document);
2、在iframe中调用父页面中定义的方法和变量
parent.method
parent.value
3、在iframe中调用父页面元素的方法
window.parent.func();
父页面操作iframe
1、获取iframe中的元素
$(this).contents().find("#iframe_obj");
2、获取iframe子页面的元素
$("#iframe_id",document.frames('iframename').document);
// 或者
window.frames["iframe_ID"].document.getElementById("iframe_id");