qinyi素材网
当前位置: 首页 > WEB教程 > jQuery获取iframe子页面元素

jQuery获取iframe子页面元素

  时间: 2021-11-09   阅读:1.36k
简要教程

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");
上一篇: 下一篇: