利用JQuery操作iframe父页面、子页面的元素和方法汇总
前言
iframe在复合文档中经常用到,利用jquery操作iframe可以大幅提高效率,本文主要给大家分享了关于简单使用JQUERY来操作IFRAME的一些记录,这个使用纯JS也可以实现。下面话不多说了,来一起看看详细的介绍吧。
第一、在iframe中查找父页面元素的方法:
$('#id', window.parent.document)
第二、在父页面中获取iframe中的元素方法:
$(this).contents().find("#suggestBox")
第三、在iframe中调用父页面中定义的方法和变量:
parent.method parent.value
JQUERY、JS调用IFRAME父窗口与子窗口元素的方法
1. jquery 在iframe子页面获取父页面元素代码如下:
$("#objid", parent.document)
2. jquery在父页面 获取iframe子页面的元素 代码如下:
$("#objid",document.frames('iframename').document)
3.js 在iframe子页面获取父页面元素代码如下:
indow.parent.document.getElementByIdx_x("元素id");
4.js 在父页面获取iframe子页面元素代码如下:
window.frames["iframe_ID"].document.getElementByIdx_x("元素id");
5.子类iframe内调用父类函数:
window.parent.func();
更多关于jquery操作iframe的技巧请大家关注这里:http://www.jb51.net/Special/822.htm
总结
以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,如果有疑问大家可以留言交流,谢谢大家对我们的支持。
相关推荐
-
jQuery实现iframe父窗体和子窗体的相互调用
本文实例讲述了jQuery实现iframe父窗体和子窗体的相互调用方法.分享给大家供大家参考,具体如下: 父窗体 <html> <head> <title>usually function</title> </head> <body> <iframe src="http://www.baidu.com" ></iframe> <iframe src="myifame.html
-
js与jQuery 获取父窗、子窗的iframe
在web开发中,经常会用到iframe,难免会碰到需要在父窗口中使用iframe中的元素.或者在iframe框架中使用父窗口的元素 js 在父窗口中获取iframe中的元素 1. 格式:window.frames["iframe的name值"].document.getElementByIdx_x("iframe中控件的ID").click(); 实例:window.frames["ifm"].document.getElementByIdx_x
-
iframe里面的元素触发父窗口元素事件的jquery代码
例如父窗口定义了一个事件. top: $(dom1).bind('topEvent', function(){}); 那么iframe里面的元素怎样触发父窗口dom1的事件呢?这样吗? $(dom1, parent.document).trigger('topEvent'); 看似正确,实则误导人. 因为父窗口的jquery对象与iframe里面的jquery对象实际为两个对象(function),iframe里面的jquery并不会触发另一个jquery对象定义的事件.除非你在iframe这样
-
JQueryiframe页面操作父页面中的元素与方法(实例讲解)
1)在iframe中查找父页面元素的方法:$('#id', window.parent.document) 2)在iframe中调用父页面中定义的方法和变量:parent.methodparent.value 3)实例 1.父页面 复制代码 代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="Ifram
-
JQUERY 获取IFrame中对象及获取其父窗口中对象示例
在web开发中,经常会用到iframe,难免会碰到需要在父窗口中使用iframe中的元素.或者在iframe框架中使用父窗口的元素 在父窗口中获取iframe中的元素 格式:$("#iframe的ID").contents().find("#iframe中的控件ID").click(); 实例:$("#ifm").contents().find("#btnOk").click(); 在iframe中获取父窗口的元素 格式:$(
-
JQuery操作iframe父页面与子页面的元素与方法(实例讲解)
JQUERY IFRAME下面简单使用Jquery来操作iframe的一些记录,这个使用纯JS与可以实现. 第一.在iframe中查找父页面元素的方法:$('#id', window.parent.document) 第二.在父页面中获取iframe中的元素方法:$(this).contents().find("#suggestBox") 第三.在iframe中调用父页面中定义的方法和变量:parent.methodparent.value iframe里用jquery获取父页面bod
-
使用jquery/js获取iframe父子级、同级获取元素的方法
在web开发中,经常会用到iframe,难免会碰到需要在父窗口中使用iframe中的元素.或者在iframe框架中使用父窗口的元素 js 在父窗口中获取iframe中的元素 1. 格式:window.frames["iframe的name值"].document.getElementById("iframe中控件的ID").click(); 实例:window.frames["ifm"].document.getElementById("
-
jQuery中弹出iframe内嵌页面元素到父页面并全屏化的实例代码
iframe和弹窗这些词对于js高手来说都是耳熟能详的东西,作为一个新人来说,还在学习阶段的我就在工作中遇到这么一个奇葩的需求,要在引入的iframe页面里做一个全屏化的功能. 粗略一看,这还不容易,模拟下F11的功能键什么的,于是网上一搜还真有一大堆关于全屏化的案例,遂借来用之. 然后高高兴兴的拿一个没有iframe引入的页面做了个测试页面查看全屏化功能效果,代码如下(fullScreenPage.html): <!DOCTYPE html> <html xmlns="htt
-
jquery、js调用iframe父窗口与子窗口元素的方法整理
1. jquery 在iframe子页面获取父页面元素代码如下: $("#objid", parent.document) 2. jquery在父页面 获取iframe子页面的元素 代码如下: $("#objid",document.frames('iframename').document) 3.js 在iframe子页面获取父页面元素代码如下: indow.parent.document.getElementByIdx_x("元素id");
-
jquery 查找iframe父级页面元素的实现代码
父页面代码 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equ
随机推荐
- AngularJS基础 ng-repeat 指令简单示例
- jQuery EasyUI Tab 选项卡问题小结
- Javascript结合css实现网页换肤功能
- 基于jstree使用AJAX请求获取数据形成树
- 图文演示Photoshop调出金碧辉煌的色彩第1/2页
- 轻松玩转WinGate实现代理
- 用js实现的自定义的对话框的实现代码
- JavaScript replace new RegExp使用介绍
- Android App开发中Gradle构建过程的配置方法
- nodejs 搭建简易服务器的图文教程(推荐)
- 利用django如何解析用户上传的excel文件
- 使用jQuery异步加载 JavaScript脚本解决方案
- Python程序设计入门(2)变量类型简介
- 初学python数组的处理代码
- JS基于myFocus库实现各种功能的tab选项卡切换效果
- java导出json格式文件的示例代码
- java实现gif动画效果(java显示动态图片)
- PHP与MySQL开发中页面出现乱码的一种解决方法
- javascript中call()、apply()的区别
- Android实现双层ViewPager嵌套