layer第三级弹出层访问上级页面元素

最新推荐文章于 2023-05-19 07:43:35 发布
最新推荐文章于 2023-05-19 07:43:35 发布
阅读量1.4k 收藏
点赞数
分类专栏： 前端 文章标签： layer 弹出层 多层
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_36535245/article/details/78193329
版权
本文介绍了一种在JavaScript中通过parent.layer对象访问不同层级页面元素的方法。利用getChildFrame()可以定位到特定id的元素，实现跨层数据传递及操作。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

parent.layer.getChildFrame("Form #ActvSite").val();

parent.layer访问到顶级父级元素用

getChildFrame()方法得到上一级或几级的页面元素

Form是上一弹出层id 访问得到上一页面

加具体id访问到具体元素



《Java从小白到大牛》第29章：项目实战1：开发PetStore宠物商店项目
weixin_45521452的博客
06-02 2248
第29章 项目实战1：开发PetStore宠物商店项目 前面学习的Java知识只有通过项目贯穿起来，才能将书本中知识变成自己的。通过项目实战读者能够了解软件开发流程，了解所学知识在实际项目中使用的情况，哪些是重点的，哪些是了解的。 本章介绍Java SE技术实现的PetStore宠物商店项目，所涉及的知识点：Java面向对象、Lambda表达式、Java Swing技术、JDBC技术和数据库相关等知识，其中还会用到方方面面的Java基础知识。 29.1 系统分析与设计 本节对PetStore宠物商店项目进行
全量知识系统 程序详细设计之“技术板块”到“命名规则”构思及答问
最新发布
ChuanfangChen的博客
04-05 1111
Q1. 今天我们聊聊 全量知识系统（以下简称“全知系统”） 页面 的三个技术板块A1. 全知系统技术架构概览.当我们谈论全量知识系统（全知系统）的页面时，其技术构成通常涉及三个核心板块，这些板块共同构成了系统的骨架和功能性。以下是这三个技术板块的简要概述：1. **前端展示层**：* **作用**：前端展示层是用户与全知系统交互的直接界面，负责呈现系统中的数据、信息和功能。* **技术组成**：前端技术通常包括HTML、CSS和JavaScript，这些技术用于构建页面的结构、样式和交互逻辑。
layUI弹出层回调获取弹出层数据
qq_43128070的博客
04-13 1735
//隐患选择弹出框 function func12(url, title) { //iframe层 layer.open({ type: 2, skin: 'layui-layer-lan', title: title, ...
关于layui中弹窗中select获取父窗口值遇到得问题
weixin_37742770的博客
03-28 2063
layui 弹窗 父窗口 下拉框 最近在做一个作业，用到layui的open弹窗，本来以为直接调用封装好的方法十分简单，没想到遇到一个bug解决了很久，在此记录一下： 预想功能 父页面按钮点击修改信息，触发弹窗，弹窗中表单保留原父窗口的数据，在此基础上修改 附上代码： 通过layer.getChildFrame 方法找到子窗口，然后一个个设置子窗口表单的值，curStatus对应的是一个下拉框...
layer父界面调用子弹窗的方法和获取子弹窗的元素值总结
weixin_34293141的博客
11-05 677
1 layer.open({ 2 type: 2 3 ,title: false //不显示标题栏 4 ,closeBtn: false 5 ,area: ['460px', '45%'] 6 ,shade: 0.5 7 ,id: 'LAY_layuipro·' //设定一个id，防止重复...
html多级iframe嵌套时获取顶级窗口
第三眼的思绪
03-06 8072
javascript中多级iframe嵌套使用时获取顶级窗口，实现当页面登录过期等等情况下，在子页面中完成整个窗体跳转。 以下代码获取顶级窗体对象： //顶级窗体 var topWin=(function(){ var p=window.parent; while(p!=p.window.parent){p=p.window.parent;} return p; })(); PS：实现整个窗
一层弹出层、两层弹出层、三层弹出层、多层弹出层随便搞
sun_luming的博客
02-13 2126
最近因为一些比较扯的需求，在项目中需要用到多层弹出层，话不多说，先看一下效果： 使用情景： 第一层弹出层打开后我们进行数据操作，这时需要打开第二层弹出层操作一些数据，操作完成后关闭第二层弹出层，并把操作后的数据放到第一层弹出层上。 难点 其实也没有什么难点，只要把握好遮罩层的高度(z-index)就好。 技术点（其实都谈不上技术） 我这里演示弹出5层 第一步：其实就是搞了5个div设置好样式然后藏...
信息安全工程师第二版考试总结+笔记
IT技术
11-29 2万+
信息安全工程师第二版考试总结+笔记
前端200道面试题及答案（更新中）
热门推荐
m0_65450343的博客
06-11 11万+
目录html相关说一下对cookie和Storage(localStorage和sessionStorage) 的认识和区别？link和@import的区别浏览器如何实现不同标签页的通信？iframe的优缺点canvas做项目用到哪些h5新特性和css3新特性？用localstorage和sessionStorage写过什么？如何解决页面内容加载缓慢的问题？cookie的特点*页面渲染过程css相关javascript以及es6相关http相关浏览器bootstrapvue相关node相关微信小程序reac
Flutter 笔记 | Flutter 核心原理（一）架构和生命周期
川峰的博客
05-19 3613
简单来讲，Flutter 从上到下可以分为三层：框架层、引擎层和嵌入层，下面我们分别介绍： 1. 框架层 Flutter Framework，即框架层。这是一个纯 Dart实现的 SDK，它实现了一套基础库，自底向上，我们来简单介绍一下： 底下两层（Foundation 和 Animation、Painting、Gestures）在 Google 的一些视频中被合并为一个dart UI层，对应的是Flutter中的dart:ui包，它是 Flutter Engine 暴露的底层UI库，提供动画、手势及
html弹窗页面获取上一个页面url参数
qq_29988051的博客
05-09 2860
方法一:function getUrlValue(){ var res=location.search.toLowerCase(); var qs = (res.length>0?res.substring(1):""), args={}, items = qs.length?qs.split("&"):[], item...
layer在渲染弹窗成功后获取弹窗内html的dom信息
qq_35205823的博客
04-12 3659
因为需求要在layer弹窗中放一个表单（为了表单校验）， 但使用后发现直接在layer.open方法后直接dom遍历是找不到，这点其实很正常，在很多动态生成html的框架中都有这个问题，这可能是因为新插入html需要重新渲染的时间差问题。 在网上找了很久，最后在layer社区找到了解决的思路（这里我已经找不到原地址了 ，所以没有链接 =_=） layer.open提供了一个success属性...
layui弹出层子页面获取父级页面元素
testHjy的博客
11-24 3775
需求：点击父页面内容库，弹出子页面列表，点击添加按钮，将子页面信息回填到父页面中对应的区域。同过ID找到元素，再用$(元素)转为对象，再复制即可。
layer 关闭当前页返回上一页 index需要获取别忘了
kxukai的博客
01-09 1891
$('.del').click(function () { var id = $(this).attr('data-id'); top.layer.confirm('您确定删除该条评论？', {skin: 'layui-layer-molv'}, function (index) { top.layer.close(index); ...
layui子页面调用父页面的方法
weixin_38417148的博客
01-28 7550
工作时使用 layui 做弹窗，layui.open()打开子页面经过一些操作确认后需要调用父页面某个方法，具体实现方式如下： 父页面创建一个获取当前iframe层到top层的id集合，每个iframe层都有id。 //获取当前iframe页面id function getIframeIds() { var iframeIds = ''; var frameIndex = 0; //当前window对象 var win = window; var fId; w
关于layer.open弹出层单击事件如何调用父窗口方法的说明
yushangbincheng的博客
07-21 1万+
关于layer.open弹出层单击事件如何调用父窗口方法的说明
layui 或者layer 父页面获取子页面数据 或者子页面获取父页面操作方法
weixin_30470643的博客
03-24 801
var frameId = $(layero).find("iframe").attr('id');//父页面获取子页面的iframe var id = $(window.frames[frameId].document).find("#typecoupon").val();父页面获取子页面指定的id数据 $(window.parent.document).find("#age")...
layer弹出层显示在top顶层
既然选择了-何必在意的专栏
11-29 4万+
因为项目框架用了iframe，所以在用layer时，默认layer.open弹出的窗口只能在iframe子窗口区域显示。现在想让layer在父窗口或者说框架的最顶层显示，想到用top.layer.open或者parent.layer.open,但是没反应。后面想到应该是在父页面中没有导入layer.js文件，导入后就能正常显示在父窗口页面区域了。 显示在顶层窗口 top.layer.open(
layer(jquery弹出层插件)
weixin_60560596的博客
04-18 1924
代码
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值