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

最新推荐文章于 2022-03-14 10:41:37 发布
最新推荐文章于 2022-03-14 10:41:37 发布
阅读量3.2k 收藏 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元/天 解锁文章
奶油曲奇小饼干
关注
专栏目录
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 6671
如有错误欢迎指正 首先，top代表，调用的layer.open()打开的东西会显示在top层，也就是顶层。 layer是什么，layer已成为国内最多人使用的web弹层组件。 open()就是layer的一个方法。 下面有一段示例代码 openSaveDialog: function(title,url,width,height){ var auto = true;//是否使用响应式，使用百...
top.layer弹出层
weixin_44541467的博客
07-17 8984
在开发中经常会用到页面嵌套，但嵌套子页面中的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 665
默认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.
获取layer.open弹出层的返回值方法
10-18
在本文中，我们将深入探讨如何在使用`layer.open`创建弹出层时获取返回值的方法。 首先，`layer.open`是一个用于创建弹出层的API，它的参数可以配置弹出层的类型、标题、遮罩、面积、内容等。例如： ```javascript...
layUI使用layer.open,在content打开数据表格,获取值并返回的方法
10-16
在本文中，我们将深入探讨如何使用layUI框架的layer.open方法在content中打开一个数据表格，并获取选定值以便进行后续处理。layUI是一款基于 layui 的前端 UI 框架，它提供了丰富的组件和便捷的API，包括弹层、表单...
layer.open 按钮的点击事件关闭方法
10-18
在Web开发中，layer是一个常用的UI组件库，用于快速实现对话框、提示框等界面元素。layer的open方法可以用来打开一个新的层（layer），通常用作弹出窗口。在层内部可能包含一个或多个按钮，这些按钮可以触发不同的...
layer.open的自适应及居中及子页面标题的修改方法
10-16
总结来说，通过上述代码和方法，开发者可以有效地利用layer.open实现弹窗的自适应、居中以及子页面标题的修改。这些技巧在开发过程中能够提升用户体验，使得弹窗功能更加灵活和友好。在实际应用中，还可以根据具体...
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，不会有这个问题，但是却让我这个强迫...
top.layer.open 子页面按钮点击关闭刷新父页面
qq_40113688的博客
04-30 2517
// 父页面打开弹框 top.layer.open({ ...... }) // 子页面方法 $("#button").click(function(){ var index = parent.layer.getFrameIndex(window.name); parent.layer.close(index);// 关闭弹出层 parent.window.location.relo...
layer弹出层显示在top顶层
热门推荐
既然选择了-何必在意的专栏
11-29 4万+
因为项目框架用了iframe，所以在用layer时，默认layer.open弹出的窗口只能在iframe子窗口区域显示。现在想让layer在父窗口或者说框架的最顶层显示，想到用top.layer.open或者parent.layer.open,但是没反应。后面想到应该是在父页面中没有导入layer.js文件，导入后就能正常显示在父窗口页面区域了。 显示在顶层窗口 top.layer.open(
js之 top.layer.open()  is not defined 问题
weixin_41492331的博客
02-12 3124
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 6119
layer弹出层显示在top顶层的方法因为项目框架用了iframe，所以在用layer时，默认layer.open弹出的窗口只能在iframe子窗口区域显示。现在想让layer在父窗口或者说框架的最顶层显示，想到用top.layer.open或者parent.layer.open,但是没反应。后面想到应该是在父页面中没有导入layer.js文件，导入后就能正常显示在父窗口页面区域了。显示在顶层窗口...
Layui关于layer弹出层的使用心得
细雨纷飞~~~
09-12 731
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
top.layer.open打开的子窗体向父窗体传递参数 及 去除子窗体最小化按钮
稻花香的博客
12-01 2714
一、子窗体向父窗体传递参数： top[top.getActiveTab().attr("name")].$('#flush').html("flush"); 以上是给父窗体的div中放入要传递的值 二、去除子窗体最小化按钮 success:function(layero){ layero.find('.layui-layer-min').remo...
layer.open弹窗位置修改
月与清酒的博客
03-14 5027
layer.open弹出位置修改
top.layer.open({ 怎么传数据和子页面拿数据
最新发布
10-13
在JavaScript的Web应用中，当你使用第三方库如layui的`top.layer.open`方法打开一个新的弹窗层（layer），通常会通过传递一个配置对象来传递数据。这个配置对象可以包含一个名为`data`的字段，用于附加你需要传递的数据。 例如： ```javascript let dataToPass = { id: 123, name: 'Example Data', }; top.layer.open({ type: 2, // 弹出层类型，比如2表示iframe title: '子页面', shadeClose: true, // 是否关闭遮罩 iframe: { url: 'childPage.html?id=' + dataToPass.id, // 子页面地址，带参数 scrollbar: false, // 是否显示滚动条 }, data: dataToPass, // 传递给子页面的数据 }); ``` 在这个例子中，`id`和`name`会作为查询参数附在子页面URL的末尾，子页面可以通过`window.parent.$('body').data()`或者其他方式获取到这些数据，前提是你在子页面上绑定了对应的事件监听并解析了数据。 在子页面中接收数据的方式可能会有所不同，但常见的做法是使用`parent.postMessage`或者利用`window.parent`对顶层窗口的操作，然后查找附加的数据。例如： ```javascript (子页面) window.addEventListener('message', function(e) { if (e.data && e.data.data) { console.log('Received data:', e.data.data); } }, false); ``` 这样，当顶层窗口发送消息（携带数据）时，子页面就能接收到并处理。
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值