layer iframe子页面定位父页面的方法

于 2022-06-10 14:25:14 发布
阅读量260 收藏
点赞数
分类专栏： layui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_59673430/article/details/121697603
版权

CSS选择器 动态ID layui-layer-iframe 网页定位 JavaScript
关键词由CSDN通过智能技术生成

定位如图上的div，直接使用$(".layui-layer-iframe")是定位不到的，使用id也不行，id的构成是layer-id是变化的，每打开一次页面，id的内容会自动加一

Dory_Youth
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
iframe相关知识点总结
we675398040的博客
07-21 454
id和name属性获取window对象获取document对象通过name属性获取window对象window.name属性获取子iframe属性和方法获取父iframe属性和方法获取祖孙关系、兄弟关系iframe属性和方法参考文档最近分到一个新项目组，好几年的项目一直用的iframe各种嵌套，alert弹窗都是使用的layer+iframe,vue永久了还有点不适用，项目已经成型，没办法只能按照原有项目有什么用什么，尽量按照原来的开发思路和方式进行开发，废话不多说，上干货。................
关于layui iframe弹出层 父页面与子页面
Khun_HWJ的博客
05-26 3767
1、layer弹框父页面调用子页面的方法 var minSpeak = layer.open({ type: 2, min: function(){ $('.layui-layer').css({ 'top': 'auto', 'left': 'auto', 'bottom': '27px', 'right': '0' }) }, success: func...
layui子页面调用父页面的方法
weixin_38417148的博客
01-28 6872
工作时使用 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弹出层设置相对父级元素定位
amberom的专栏
05-08 8070
layer弹出层默认是相对body固定定位的，可是项目中一般需要相对某个盒子相对定位，下面是个加载弹层例子：var loadIndex = layer.open({             type: 3,   //3 表示加载             fixed: false,    //取消固定定位，因为固定定位是相对body的             offset: ['60px', '13...
layer执行父窗口ajax方法,layer 弹出层 回调函数调用 弹出层页面 函数
weixin_35769289的博客
08-05 927
1、项目中用到layer 弹出层，定义一个公用的窗口，问题来了窗口弹出来了，如何保存页面上的数据呢？疯狂百度之后，有了结果，赶紧记下。2、自己定义的公共页面方法：layuiWindow: function (options) {var defaults = {title: '添加菜单',width: '100px',height: '100px',url: '',shade: 0.3,btn: [...
layer 刷新某个页面的实现方法
10-16
如果使用`top.layer.open`方法打开子页面，那么这个子页面的层级会更高，它不再嵌套在父页面的iframe中。在这种情况下，刷新页面的方式略有不同： 1. **获取页面中的iframe**： 首先，需要找到当前页面中的iframe...
layui问题之自动滚动二级iframe页面到指定位置的方法
01-21
目标：改变iframe页面滚动条位置 问题：没有麻溜溜的滚。。 二、经过 刚开始，以为只要滚动iframe里面的元素就行了，页面所有元素都在section里面，就通过section使滚动条滚动 $('section.layui-larry-box')....
vue项目中使用vue-layer弹框插件的方法
10-15
对于iframe层，可以传递一个包含组件对象、父组件引用以及props的数据对象： ```javascript layer.iframe({ content: { content: componentName, // 传递的组件对象 parent: this, // 当前的vue对象 data: {} /...
layer弹出层自适应高度,垂直水平居中的实现
10-16
这里，`top: 50%` 和 `left: 50%` 将元素的左上角定位在窗口的中心，然后 `transform: translate(-50%, -50%)` 会将元素自身向左和向上移动一半的距离，使其整体居中。`width` 和 `height` 可以根据需要设置为固定值...
div 最上层锁定页面
03-01
如果div是页面的一部分，而我们需要让它在`iframe`内保持固定，我们需要确保`iframe`自身没有滚动条，或者将div的定位设置为相对于`iframe`而不是整个页面。 标签中提到的“源码”，可能是指`ymPrompt-源码.js`、`...
layui多重嵌套layui-iframe，子页面会覆盖父页面的解决方法
yuru974882032的博客
04-22 2120
原因分析 layui使用layer对象的index来防止多窗口id冲突，但是打开iframe窗口时会产生新的layer对象，所以子窗口的layer.index重新从0开始计算，如果子页面打开iframe窗口次数过多，会让layer.index++至父页面相同的值，此时就会产生窗口覆盖。 解决方法 找到源码中的下面这段代码，改变获取index的方式。 var Class = function(set...
layer页面调用父页面自定义方法或者赋值全局变量失败处理
xtho62的博客
05-09 305
正确做法，将变量和方法提到layui的js之前
layer自定义坐标或者相对父级自定义offset 位置
saadah的博客
10-28 5621
layer自定义坐标或者相对父级自定义offset 位置 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>我的的项目管理</title> <meta name="renderer" content="webkit"> <m...
Layui关于layer弹出层的使用心得
细雨纷飞~~~
09-12 711
1.动态修改父级标题 使用layui.layer打开一个iframe页面，如果想在子页面修改父标题的内容也就是 layer.open({title:"123"});title字段时，我们就需要拿到父级layer的索引 var var index = parent.layer.getFrameIndex(window.name); 将"123"修改成"456" parent.layer.title('456' , index); 2. 通过父级页面定义的按钮触发打开页面内相应的方法 function
layer设置弹出层的位置
u013224364的博客
01-19 2466
layer的弹出层我不想再正中显示，我们想在距离顶部10px，然后水平居中，设置offset，如下 更offset更多设置如下 看看效果，如下 滚动的时候我想固定弹出层，不随滚动条滚动而滚动，如下 设置fix是true就行了 ...
iframe定位问题
热门推荐
huitest的博客
08-05 1万+
iframe是什么，其实就是页面重新再次嵌套了一个网页，iframe里面一样有html开始结束标签，然后有title,body,就是网页里面套网页，那么selenium操作浏览器只是对当前页面进行操作，那么既然iframe是一个网页，那么要对这进行操作，那么就需要先进入这个网页才可以， 打开浏览器时，默认在主文档里面， 那么只能查找主文档里面的元素， 子iframe里面的元素不能查找 sele...
关于layui(layer)子页面获取不到父页面jQuery对象的问题。
apanpan8126的博客
02-02 472
var parent$ = window.parent.layui.jquery; var value = parent$("#id").val()
将iframe中的div在浏览器窗口中定位
09-28 1242
做项目的时候有一个页面，其上方是总的菜单切换tab，下方是用iframe嵌套的子页面，这个子页面上方是一个多标签的菜单，下方是每个标签对应的内容，每块内容以表格的形式呈现。该页面主要的功能是，点击标签，页面滚动到相应的内容块。就是锚点定位。锚点定位实现的思路很简单，给每个标签添加onclick...
top.layer.open 子页面调用父页面方法失败
最新发布
09-06
top.layer.open 是一个弹出层的插件，常用于弹出新窗口或页面，它提供了一种方法来在子页面中调用父页面的方法。然而，有时在使用这个方法时可能会遇到调用失败的情况。 调用失败可能有多种原因，其中一些常见的...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值