JQuery使用iframe 子页面查找父页面元素，及触发父页面事件

最新推荐文章于 2023-12-08 09:32:32 发布
原创 最新推荐文章于 2023-12-08 09:32:32 发布 · 1.1k 阅读 · 1 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
标签
#jquery #javascript #前端
本文介绍如何使用jQuery从子页面查找父页面的元素及触发事件，包括具体的代码实现方式。掌握这些技巧有助于提升网页间的交互效率。 
子页面查找父页面元素$('#id',window.parent.document)
子页面触发父页面事件
parent.$('#id',parent.doucment).trigger('click');
catino
关注
Jquery调用iframe父页面中的元素及方法
11-24
一、在iframe中查找父页面元素的方法： $(‘#id', window.parent.document) 二、在iframe中调用父页面中定义的方法和变量： parent.method parent.value 三、实例 父页面： <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="IframeDemo._Default" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:
JQueryiframe页面操作父页面中的元素与方法(实例讲解)
12-10
1）在iframe中查找父页面元素的方法：$(‘#id’, window.parent.document) 2）在iframe中调用父页面中定义的方法和变量：parent.methodparent.value 3）实例 1.父页面 代码如下:<%@ Page Language=”C#” AutoEventWireup=”true” CodeBehind=”Default.aspx.cs” Inherits=”IframeDemo._Default” %><!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://
【项目实战】动态修改，js与jQuery 获取父窗、子窗的iframe
奶爸的编程之路，也就一周冷个三天
12-08 732
Jquery获取iframe中的元素 在Iframe中获取父窗体的元素方法。
Jquery获取iframe父页面/父窗口的元素
无数_Mirage的博客
06-21 7982
转载内容： 用Jquery获取iframe父页面元素 方法一： KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲父窗口元素ID",window…(selector, window.parent.document); 那么你取父窗口的父窗口的元素就可以用：$(selector, window.parent.parent.do...
子页面和父页面元素的互相获取
mkmmkkghhhhhhhh的博客
06-08 2511
子页面和父页面元素的互相获取
关于layui iframe弹出层 父页面与子页面
Khun_HWJ的博客
05-26 4374
1、layer弹框父页面调用子页面的方法 var minSpeak = layer.open({ type: 2, min: function(){ $('.layui-layer').css({ 'top': 'auto', 'left': 'auto', 'bottom': '27px', 'right': '0' }) }, success: func...
jQuery设置获取子页面（iframe）与父页面的元素值以及文本框onchange事件失效问题
zgphacker2010的专栏
08-17 2528
iframe页面改动parent页面的隐藏input部件value值，不能触发change事件。 实现一个依据iframe页面返回充值卡类型不同，将数据绑定到不同的input控件中。 点击选择弹出一个iframe。点击充值卡数据行。返回: 1、充值卡类型。 2、充值卡id（用的UUID）。 3、充值卡号（字符串）。 遇到的问题是当iframe选择充值卡时，无法获取parent页面inp...
iframe如何触发父元素事件以及父页面控制iframe子页面元素
weixin_38047955的博客
12-14 1万+
最近在开发登入窗口中运用到iframe，其中遇到一些小问题拿出来分享一下。 问题：用jquery的$('parent.document').find('#id')来取父框架的元素，取出来的DOM元素也是正确的，在控制台打印出来了，但调用click()方法就是触发不了绑定的函数 1.父页面有一个打开注册事件： $('#regis').click(function(){
js 获取father_js子页面获取父页面数据
weixin_28762271的博客
01-13 2113
用JS或jquery访问页面内的iframe,兼容IE/FF 注意:框架内的页面是不能跨域的! 假设有两个页面,在相同域下. index.html 文件内含有一个iframe: XML/HTML代码 在iframe子页面获取父页面元素 代码如下: $.('#objld', parent.document);在父页面获取iframe子页面的元素 代码如下: $("#objid", documen...
JQuery/JS获取iframe(父、子)页面元素
咏絮
07-10 1万+
var tbl = $("#Iframe").contents().find('body table.mTable'); tbl.find('tr:eq(9) td:eq(3) input').val(comment.Name); tbl.find('tr:eq(9) td:eq(5) input').val(comment.Sex);
子页面使用父页面的方法
mkmmkkghhhhhhhh的博客
06-25 1953
一个场景，在子页面需要调用父页面的方法时，查了很多很多现有的方法，在子页面直接调用父页面的方法这种会有一些跨页面的问题，所以对于这个方法我进行优化。需要注意的是，由于同源策略的限制，子页面只能访问同源的父页面。否则，因为安全策略的限制，可能无法调用父页面的方法。相当于给父页面的根节点添加消息监听事件，子页面发送信息的时候，就触发相对应的事件。这样，子页面点击按钮时会发送一个消息给父页面，父页面接收到消息后触发相应的事件。下面我先介绍第一种方法，子页面直接调用父页面的方法。属性访问父页面中的方法。
jquery中父子页面之间获取元素（比如iframe页面）
weixin_51609337的博客
11-22 2278
当前端主页面需要嵌套一个子页面，比如iframe页面，当在父页面执行子页面的操作时，用$('#元素id')就没有效果。这时就需要用到以下知识点，来实现父子页面的相互操作。
iframe中访问父页面的元素
weixin_33866037的博客
11-15 423
iframe调用父页面函数：window.parent.wode(); iframe访问父页面控件：window.parent.document.getElementById('xxxx') iframe访问父页面的全局变量：window.parent.xxxxx 父页面访问iframe中的变量：document.frames["iframe的name"].变量...
jQuery获取iframe中的元素，在iframe中获取父窗体的元素
黑夜开发者的博客
01-30 8451
在父窗口中获取iframe中的元素  方式1： 格式：$("#iframe的ID").contents().find("#iframe中的控件ID").click();//jquery 方法1 实例：$("#ifm").contents().find("#btnOk").click();//jquery 方法1 方式2： 格式：$("#iframe中的控件ID",document.fr
iframe简单使用 、获取iframe 、获取iframe 元素值 、iframe获取父页面的信息
热门推荐
m0_63348818的博客
06-19 4万+
标签规定一个内联框架。一个内联框架被用来在当前 HTML 文档中嵌入另一个文档。 注意：URL建议用绝对路径 如果一个页面里面有框架，点页面里的连接，要求在这个 里打开。在中规定name 然后在修改默认打开模式，：网页head中加上或部分连接的目标框架设为（**）要插入一个页面。要求只拿中间一部分。其他的都不要。代码： 控制插入页被框架覆盖的深度 控制框架覆盖上部分的深度 scrolling滚动条要否（auto、yes、no） frameborder框架的边框大小，width=776 height=2
iframe多层级页面调用父子兄弟祖孙页面方法
biubiubiu
06-01 1023
遇到复杂的页面也不要着急，一定要先认真分解页面组成，我一开始以为页面只有两层，在子页面找孙子页面的方法肯定是会报错的。多层页面尤其需要注意嵌套的关系，在没有ID的情况下选择器也要尽量精准，数组格式别忘了加上索引。
JQ定时刷新iframe页面，同时刷新iframe父页面
qingkaqingka的博客
08-15 1090
web项目中用到了iframe嵌入网页，在一个iframe网页中更改了数据，同时要更新其父页面刷新数据，js代码如下： //js定时执行的方法 function autoPlay(){ time = setInterval(function(){ //刷新父页面 parent.location.reload(); consol...
jquery操作iframe父级页面元素的方法
weixin_30522183的博客
09-19 427
对于 javascript 操作 iframe 父级页面元素的方法，大家应该都非常清楚了，下面结合当前非常流行的 jquery 分享一下如何使用 jquery 查找和操作 iframe 父级页面元素的实现代码。实例如下： <html> <head> <meta http-equiv="Content-Type" cont...
嵌在iframe里的vue项目 怎么触发父页面的方法？
04-14 757
嵌在iframe里的vue项目 怎么触发父页面的方法？
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值