分别获取layer.open 和top.layer.open 打开弹框的 iframe 子页面元素

最新推荐文章于 2021-07-27 17:57:14 发布
最新推荐文章于 2021-07-27 17:57:14 发布
阅读量3.1k 收藏 2
点赞数 1
分类专栏： Javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40113688/article/details/104942541
版权
本文介绍如何在JavaScript中通过layer.open和top.layer.open方法打开的弹框中，获取并操作iframe子页面的元素，适用于网页弹窗交互和页面元素控制的场景。
摘要由CSDN通过智能技术生成

layer.open

layer.open({
   
            type: 2,
            title: title,
            area:  area,
            maxmin: true,
            content: url,
            yes: function(index
最低0.47元/天 解锁文章
奶油曲奇小饼干
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
获取layer.open弹出层的返回值方法
10-18
今天小编就为大家分享一篇获取layer.open弹出层的返回值方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
top.layer.open 子页面按钮点击关闭刷新父页面
qq_40113688的博客
04-30 2433
// 父页面打开弹框 top.layer.open({ ...... }) // 子页面方法 $("#button").click(function(){ var index = parent.layer.getFrameIndex(window.name); parent.layer.close(index);// 关闭弹出层 parent.window.location.relo...
layer弹出层显示在top顶层的方法
12-11
因为项目框架用了iframe，所以在用layer时，默认layer.open弹出的窗口只能在iframe子窗口区域显示。现在想让layer在父窗口或者说框架的最顶层显示，想到用top.layer.open或者parent.layer.open,但是没反应。后面想到应该是在父页面中没有导入layer.js文件，导入后就能正常显示在父窗口页面区域了。 显示在顶层窗口 top.layer.open({ type: 2, title: '标题', shadeClose: true, shade: 0.3, area : ['850px' , '450px'], c
top.layer.open()是什么东西
m0_59834108的博客
07-27 6361
如有错误欢迎指正 首先，top代表，调用的layer.open()打开的东西会显示在top层，也就是顶层。 layer是什么，layer已成为国内最多人使用的web弹层组件。 open()就是layer的一个方法。 下面有一段示例代码 openSaveDialog: function(title,url,width,height){ var auto = true;//是否使用响应式，使用百...
top.layer弹出层
weixin_44541467的博客
07-17 8829
在开发中经常会用到页面嵌套，但嵌套子页面中的layer弹出层只在子页面显示的话会有些不美观。 这时候将layer弹出层放到顶层，就会协调很多。 这点layui就做的非常好，方法简约而又不失内涵。 Layer与top顶层窗口非常契合，只需在要打开的layer弹出层前面加上top就可将其弹出在顶层页面。 一般的提示框都没什么，但若要用layer来实现模态框效果就需要注...
在框架内用top.layer.open方式打开的子窗口中调用父窗口方法
zhonglinxiu的博客
10-28 1万+
1.父窗口方法 function add() { //相关语句 } 2.父窗口打开子窗口 top.layer.open({ id: “父窗口ID”, title: "自定义标题”, shade: 0.3, fix: false, url: url, area: [ “800px”,“500px”], btn: null }); 3.子窗口执行父窗口方法 //获取父窗口id var parentid...
关于top.layer.open使用后 父页面对子页面方法引用记录
weixin_42368711的博客
07-14 609
默认layer.open弹出的窗口只能在iframe子窗口区域显示。现在想让layer在父窗口或者说框架的最顶层显示，想到用top.layer.open top.layer.open({ type: 2, title: '标题', shadeClose: true, shade: 0.3, area : ['850px' , '450px'], content: 'url' //这里content是一个URL， }); 在这个里父页面想调用子页面的方法: top.
layUI使用layer.open,在content打开数据表格,获取值并返回的方法
10-16
在本文中，我们将深入探讨如何使用layUI框架的layer.open方法在content中打开一个数据表格，并获取选定值以便进行后续处理。layUI是一款基于 layui 的前端 UI 框架，它提供了丰富的组件和便捷的API，包括弹层、表单...
layer.open的自适应及居中及子页面标题的修改方法
10-16
总结来说，通过上述代码和方法，开发者可以有效地利用layer.open实现弹窗的自适应、居中以及子页面标题的修改。这些技巧在开发过程中能够提升用户体验，使得弹窗功能更加灵活和友好。在实际应用中，还可以根据具体...
layer.open 子页面弹出层向父页面传输数据的例子
10-16
总结来说，利用`layer.open`的`yes`回调和iframe的特性，我们可以方便地实现在子页面弹出层与父页面之间的数据交互。这个过程的关键在于正确地获取到子页面的window对象，并调用其上的方法来获取或设置数据。这种...
layui: layer.open加载窗体时出现遮罩层的解决方法
10-16
其中，`layer.open` 是 Layui 提供的一个用于弹出对话框的方法，它可以创建各种类型的窗口，如信息提示、页面层、iframe 层、加载层和提示层。然而，在实际使用过程中，用户可能会遇到一个问题，即在使用 `layer....
layer.open打不开弹窗的问题
qq_36804701的博客
04-02 1万+
我的项目页面是复合结构的，使用layui-iframe版的框架，最外面的页面保持不变，然后里面可以打开多个tap。 然后在子iframe里面，调用top.layer.open可以打开一个弹窗，但是当我直接用新的页面打开iframe，调用top.layer.open却不生效。实际上对实际的项目来说影响不大，因为用户都是打开主页，然后用tab的形式打开iframe，不会有这个问题，但是却让我这个强迫...
layer弹出层显示在top顶层
热门推荐
既然选择了-何必在意的专栏
11-29 4万+
因为项目框架用了iframe，所以在用layer时，默认layer.open弹出的窗口只能在iframe子窗口区域显示。现在想让layer在父窗口或者说框架的最顶层显示，想到用top.layer.open或者parent.layer.open,但是没反应。后面想到应该是在父页面中没有导入layer.js文件，导入后就能正常显示在父窗口页面区域了。 显示在顶层窗口 top.layer.open(
Layui关于layer弹出层的使用心得
细雨纷飞~~~
09-12 705
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
js之 top.layer.open()  is not defined 问题
weixin_41492331的博客
02-12 3055
top.layer.open()  is not defined 问题。 首先怀疑的依赖包是否导入进去了。top是window的对象，使用该方法需要导入layer.js。其次要想成功调用该方法，还需要在在外层的页面中引用layer.js才可以。 iframe和父页，window.open打开页面和被打开页面之间的关系可以通过下面的对象获取到 　　1)通过iframe加载的，在iframe中用p...
html 弹出框显示到最顶层,layer弹出层显示在top顶层的方法
weixin_35880510的博客
06-10 5942
layer弹出层显示在top顶层的方法因为项目框架用了iframe，所以在用layer时，默认layer.open弹出的窗口只能在iframe子窗口区域显示。现在想让layer在父窗口或者说框架的最顶层显示，想到用top.layer.open或者parent.layer.open,但是没反应。后面想到应该是在父页面中没有导入layer.js文件，导入后就能正常显示在父窗口页面区域了。显示在顶层窗口...
top.layer.open打开的子窗体向父窗体传递参数 及 去除子窗体最小化按钮
稻花香的博客
12-01 2631
一、子窗体向父窗体传递参数： top[top.getActiveTab().attr("name")].$('#flush').html("flush"); 以上是给父窗体的div中放入要传递的值 二、去除子窗体最小化按钮 success:function(layero){ layero.find('.layui-layer-min').remo...
layui获取layer.open里面的表格数据
最新发布
01-14
1. 首先，在`layer.open`的回调函数中获取到弹出页面的表格元素，可以使用`layer.getChildFrame()`方法来获取子页面的元素。假设表格元素的id为`tableId`，可以使用以下代码获取到表格元素： ```javascript layer....
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值