Js/Jquery获取iframe中的元素
2016-06-02 15:37
531 查看
在web开发中,经常会用到iframe,难免会碰到需要在父窗口中使用iframe中的元素、或者在iframe框架中使用父窗口的元素。
js
在父窗口中获取iframe中的元素
1.
Js代码
格式:window.frames["iframe的name值"].document.getElementById("iframe中控件的ID").click();
实例:window.frames["ifm"].document.getElementById("btnOk").click();
2.
Java代码
格式:
var obj=document.getElementById("iframe的name").contentWindow;
var ifmObj=obj.document.getElementById("iframe中控件的ID");
ifmObj.click();
实例:
var obj=document.getElementById("ifm").contentWindow;
var ifmObj=obj.document.getElementById("btnOk");
ifmObj.click();
在iframe中获取父窗口的元素
Js代码
格式:window.parent.document.getElementById("父窗口的元素ID").click();
实例:window.parent.document.getElementById("btnOk").click();
jquery
在父窗口中获取iframe中的元素
1.
Js代码
格式:$("#iframe的ID").contents().find("#iframe中的控件ID").click();//jquery 方法1
实例:$("#ifm").contents().find("#btnOk").click();//jquery 方法1
2.
Js代码
格式:$("#iframe中的控件ID",document.frames("frame的name").document).click();//jquery 方法2
实例:$("#btnOk",document.frames("ifm").document).click();//jquery 方法2
在iframe中获取父窗口的元素
Js代码
格式:$('#父窗口中的元素ID', parent.document).click();
实例:$('#btnOk', parent.document).click();
js
在父窗口中获取iframe中的元素
1.
Js代码
格式:window.frames["iframe的name值"].document.getElementById("iframe中控件的ID").click();
实例:window.frames["ifm"].document.getElementById("btnOk").click();
2.
Java代码
格式:
var obj=document.getElementById("iframe的name").contentWindow;
var ifmObj=obj.document.getElementById("iframe中控件的ID");
ifmObj.click();
实例:
var obj=document.getElementById("ifm").contentWindow;
var ifmObj=obj.document.getElementById("btnOk");
ifmObj.click();
在iframe中获取父窗口的元素
Js代码
格式:window.parent.document.getElementById("父窗口的元素ID").click();
实例:window.parent.document.getElementById("btnOk").click();
jquery
在父窗口中获取iframe中的元素
1.
Js代码
格式:$("#iframe的ID").contents().find("#iframe中的控件ID").click();//jquery 方法1
实例:$("#ifm").contents().find("#btnOk").click();//jquery 方法1
2.
Js代码
格式:$("#iframe中的控件ID",document.frames("frame的name").document).click();//jquery 方法2
实例:$("#btnOk",document.frames("ifm").document).click();//jquery 方法2
在iframe中获取父窗口的元素
Js代码
格式:$('#父窗口中的元素ID', parent.document).click();
实例:$('#btnOk', parent.document).click();
相关文章推荐
- jQuery ajax - getScript() 方法
- jQuery.extend 函数详解
- jquery ajax批量删除
- JQuery API 再复习发现的选择器和方法
- Jquery图片上传大小限制
- jquery Ajax 全局调用封装
- jQuery Ajax 的 load()方式
- jquery实现图片轮转
- jquery获取和设置值
- Jquery each循环用法小结
- 30 个最棒的 jQuery 的拖放插件
- jQuery和Prototype的兼容性和冲突的五种解决方法
- jquery 实现 点击按钮后倒计时效果,多用于实现发送手机验证码、邮箱验证码
- $.ajax()方法详解
- 一个简单的jQuery回调函数例子
- 2014年50个程序员最适用的免费JQuery插件
- javascript和jquery动态创建html元素
- jQuery简单验证上传文件大小及类型的方法
- jquery.validate使用详解
- jQuery.data原理介绍