Loading [MathJax]/jax/output/CommonHTML/config.js

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >专栏 >jquery在iframe中选中父元素节点

jquery在iframe中选中父元素节点

作者头像

阿超

发布于 2022-08-17 12:24:23

发布于 2022-08-17 12:24:23

1.9K00

代码可运行

举报

文章被收录于专栏：快乐阿超快乐阿超

运行总次数：0

代码可运行

忧劳可以兴国，逸豫可以亡身。——《新五代史·伶官传序》

我们在使用如layui的layer弹窗或者在页面上用别的方式打开的iframe中可能会要获取到父页面的某个元素

可以使用：

window.parent.$(".layui-laypage-btn")

这里.layui-laypage-btn是父元素的节点

主要是

window.parent这个属性，能返回当前窗口的父窗口

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2021-09-24，如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体同步曝光计划，欢迎热爱写作的你一起参与！

评论

登录后参与评论

暂无评论

编辑精选文章

换一批

万字详解高可用架构设计

Go 开发者必备：Protocol Buffers 入门指南

10分钟带你彻底搞懂分布式链路跟踪

多租户的 4 种常用方案

亿级月活的社交 APP，陌陌如何做到 3 分钟定位故障？

60页PPT全解：DeepSeek系列论文技术要点整理

附实例！实现iframe父窗体与子窗体的通信

本文主要会介绍如何基于MessengerJS，实现iframe父窗体与子窗体间的通信，传递数据信息。

前端林子

2018/11/10

10K4

附实例！实现iframe父窗体与子窗体的通信

iframe怎么将参数传递给vue 父组件

data iframe message 事件数据

在子页面的iframe中想将参数传递给Vue父组件，可以使用postMessage()方法将数据发送给父窗口。父组件可以通过监听message事件来接收并处理这些数据。

王小婷

2023/08/10

1.8K0

js/jquery获取父窗口元素

jquery document window 对象框架

做WEB前端开发的过程中，经常会有这样的需求，用户点击【编辑】按钮，弹出一个对话框，在里边修改相应的值，然后把修改后的值显示在原页面，最后点击保存。用window.parent.document.getElementById().setAttribute("value","")可以很好的解决这个问题。

Jensen_97

2023/07/19

9310

layui弹窗间的传值（layui弹出层传值）(窗口传值)[通俗易懂]

https java 网络安全 html 数据库

主要有两部分 1、从主窗口传值到弹出层 2、从弹出层传值到主窗口 3、通过session互传 4、通过调用父窗口的函数从而获取到父窗口的值（相反也是可以的）

全栈程序员站长

2022/07/01

7.7K0

layui弹窗间的传值（layui弹出层传值）(窗口传值)[通俗易懂]

Jquery取得iframe中元素的几种方法Javascript Jquery获取Iframe的元素、内容或者ID，反之也行！

jquery取得iframe中元素的几种方法在iframe子页面获取父页面元素代码如下: $('#objId', parent.document); // 搞定... 在父页面获取iframe子页面的元素代码如下: $("#objid",document.frames('iframename').document) $(document.getElementById('iframeId').contentWindow.document.body).html() 显示iframe中body

磊哥

2018/05/08

9K0

Html页面与页面间的交互

比如：a.html中，通过点击按钮等方式window.open出一个新的窗口b.html。那么在b.html中，就可以通过window.opener（省略写为opener）来引用a.html，包括a.html的document等对象，操作a.html的内容。

White feathe

2022/04/13

4.6K0

Jquery基础(七) window.parent与window.openner区别

html actionscript 网站 go

1."window.location.href"、"location.href"是本页面跳转

Java架构师必看

2021/06/10

1.5K0

Layui弹出层关闭

https java 网络安全

发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/135243.html原文链接：https://javaforall.cn

全栈程序员站长

2022/09/05

5.2K0

iframe关闭父页面(iframe嵌套https页面)

https java html 网络安全

width iframe的高度 height iframe的宽度 src iframe里面加载的页面url name 可以通过window.frames[name]获取到frame scrolling iframe里面的页面是否可以滚动 frameborder 是否显示iframe边框 1（显示）0（不显示） id 和其他的html标签id一样在主页面中通过iframe标签可以引入其他子页面

全栈程序员站长

2022/07/25

7.2K0

layer实现关闭弹出层刷新父界面功能详解

ajax javascript html php

相比较而言，第一种方案会更佳，因为在操作逻辑上，手动关闭弹出框，应该不触发刷新操作，只有当弹出框的处理逻辑执行成功后，调用函数关闭弹出框才触发父界面刷新操作，基于这个逻辑，应该选择方案一。方案二，不管怎样都会刷新页面，实际上无端的增加了服务器的处理压力。

超级小可爱

2023/02/20

4.9K0

layui与VFP搭配完成单表增删查改，勇于尝试才好玩

class layui 开发前端数据

由职业前端倾情打造，面向全层次的前后端开发者，易上手开源免费的 Web UI 组件库

加菲猫的VFP

2024/02/27

1970

layui与VFP搭配完成单表增删查改，勇于尝试才好玩

基于iframe，前端和前端联调也是很丝滑

javascript node.js 网站编程算法 html

页面监听hashchange事件，然后父页面改变哈希，子页面读取哈希来实现通信。但是这有一个问题，如果传递的信息过多，那就会导致url很长，而且维护起来也麻烦。更严重的问题是，如果页面本身有利用哈希的逻辑，将会无解

lhyt

2022/03/08

8090

layui框架——弹出层layer[通俗易懂]

编程算法 http 数据结构 node.js html

Array：例如title: [‘文本’, ‘font-size:18px;’]，数组第二项可以写任意CSS样式

全栈程序员站长

2022/08/18

13.6K0

layui框架——弹出层layer[通俗易懂]

window.postMessage和window.dispatchEvent的区别

事件通信字符串 window 跨域

postMessage 和 window.dispatchEvent 是两种不同的机制，虽然它们都可以通过 window.addEventListener 监听，但它们的设计目的、使用场景和功能有很大的区别。以下是它们的详细对比：

biaoblog.cn 个人博客

2025/05/21

350

jQuery常用的功能

一、目录： ---- ---- 1.ready（function(){}）方法的使用 2.require最常用的方法: 3.display:none 4.visible:hidden 5.修改span的字体的颜色 6.window对象中self、 top 的区别 7.blur事件的使用二.、内容: 1. ready（function(){}） ```$(document).ready(function(){ // 当网页加载完成后执行这里的代码块 });``` 2.require('http') 内置模块

挑战者

2018/06/29

1.2K0

关于html5的PostMessage的用法总结(转载)

html 编程算法

大家都知道，网页之间传递数据可以使用ajax请求来完成，今天我总结下我学习的postMessage是如何完成跨页面请求数据的呢？首先，postMessage是html5新增的一个解决跨域的一个方法。那他是如何使用的呢？这里我把一个案例分享出来把。看下面的代码：

李维亮

2021/07/08

5630

vue父页面给iframe子页面传值

iframe 地图事件数据通信

在vue父页面有两个个参数名称和图标，需要把这两个参数传到iframe的地图里面，在地图触发绘点事件的时候，获取到传来的参数并且展示

王小婷

2023/08/11

1.7K0

vue父页面给iframe子页面传值

深入理解iframe

iframe 用于在页面内显示页面，使用 <iframe> 会创建包含另外一个文档的内联框架（即行内框架）

Leophen

2019/08/25

4.6K0

广告等第三方应用嵌入到web页面方案之使用iframe嵌入

github https git 开源网络安全

有些项目中可能会遇到这样的需求, 需要在一个项目中嵌入其他的项目的页面或者功能.并且需要这两个页面之间能够进行交互. 本文主要介绍如何实现这种第三方应用的嵌入, 主要有以下几个方向: 1.iframe

用户1741436

2018/05/16

3K0

Layui常用功能整理

官方文档容器

向任意HTML元素设定class=“layui-btn”，建立一个基础按钮。通过追加格式为layui-btn-{type}的class来定义其它按钮风格。内置的按钮class可以进行任意组合，从而形成更多种按钮风格。

大忽悠爱学习

2021/11/15

5.2K0

相关推荐

附实例！实现iframe父窗体与子窗体的通信

更多 >

LV.1

gitee封面人物

加入讨论

的问答专区 >

我是基里安墨菲0

相关课程

一站式学习中心 >

AI绘画-StableDiffusion图像生成

大模型图像创作引擎

高性能应用服务

本文部分代码块支持一键运行，欢迎体验

本文部分代码块支持一键运行，欢迎体验