万盛经开区规划建设局网站,网络设计的步骤包括,免费sem工具,织梦做网站需要钱吗Layer官网地址#xff1a;http://layer.layui.com/
1、多个iframe弹出层#xff08;非嵌套#xff09; 1.打开iframe弹出层js代码 #xff08;1#xff09;示例一#xff1a; content参数可传入要打开的页面#xff0c;type参数传2#xff0c;即可打开iframe类型的弹层…Layer官网地址http://layer.layui.com/
1、多个iframe弹出层非嵌套 1.打开iframe弹出层js代码 1示例一 content参数可传入要打开的页面type参数传2即可打开iframe类型的弹层
layer.open({
type: 2,title: layer mobile页,shadeClose: true,shade: 0.8,area: [380px, 90%],content: mobile/ //iframe的url});2示例二
layer.open({type: 2,title: false,closeBtn: 0, //不显示关闭按钮shade: [0],area: [340px, 215px],offset: rb, //右下角弹出time: 2000, //2秒后自动关闭anim: 2,content: [test/guodu.html, no], //iframe的urlno代表不显示滚动条end: function(){ //此处用于演示layer.open({type: 2,title: 很多时候我们想最大化看比如像这个页面。,shadeClose: true,shade: false,maxmin: true, //开启最大化最小化按钮area: [893px, 600px],content: //fly.layui.com/});}
});3示例三在弹出层A中打开新弹出层B与弹出层A同一DOM层级
//在弹出层A(子页面1)打开新弹出层B(子页面2)弹出层A、B在同一DOM层级即父页面内有多个iframe子页面2不嵌套在子页面1中br//在弹出层A(子页面1)中封装如下方法在需要触发打开新弹出层B事件中执行如下方法
function openLayerUrl(url, width, height) {parent.layer.open({type: 2,title: false,closeBtn: false,shadeClose: false,shade: 0.6,border: [0],area: [width 0 ? auto : width px, height 0 ? auto : height px],content: url,})}2.关闭iframe弹出层js代码 1关闭特定iframe
//当在iframe页面关闭自身时在iframe页执行以下js脚本
var index parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
parent.layer.close(index); //再执行关闭2关闭所有弹出层 如果没有弹层叠加等复杂逻辑可根据需要关闭所有弹出层
layer.closeAll(); //疯狂模式关闭所有层
layer.closeAll(dialog); //关闭信息框
layer.closeAll(page); //关闭所有页面层
layer.closeAll(iframe); //关闭所有的iframe层
layer.closeAll(loading); //关闭加载层
layer.closeAll(tips); //关闭所有的tips层3.刷新另一个弹出层 1刷新已知index的iframe弹层
layer.iframeSrc(index, http://sentsin.com) //官方示例其中参数index为iframe索引第二个参数为iframe的URL暂未使用过2刷新未知index的iframe弹层
parent.$(iframe).each(function () {$(this).attr(src, $(this).attr(src));//需要引用jquery
})如果刷新所有iframe不影响则可以重置所有iframe。在弹层A关闭后需要刷新弹层B在弹层A执行以上脚本后关闭当前弹层A
4.iframe弹出层参数传递
1父页面传参到iframe弹出层
var collectionId parent.$(#hideCollectionId).val();//可在父页面定义隐藏域id为hideCollectionId需要引用jquery2iframe弹出层A传参到iframe弹出层B
比如在弹出层A按钮打开另一个弹出层B可在layer.open()函数content参数配置中以URL形式传参即可,content:‘http://www.baidu.com?id’100
a hrefjavascript:void(0); classa1 bronclickopenLayerUrl(domainTeamUrl/Notice/Update?id Model.Id,876,575);closeLayer()修改/abr//在ASP.Net MVC Razor视图中使用示例openLayerUrl()为本篇中介绍的打开Layer弹出层的封装方法closeLayer()为封装的关闭layer弹出层的方法也可以考虑使用success弹出后回调、end销毁后回调、cancel(关闭回调)等参数配置中做其他工作
三、多个iframe弹出层嵌套
1.弹出层打开与关闭
如果使用嵌套的iframe也是可以的如iframe弹出层B子页面2嵌套在iframe弹出层A子页面1中iframe弹出层A嵌套在父页面中
在父页面打开弹出层A父页面脚本用layer.open() 在弹出层A打开弹出层B,子页面2脚本用layer.open() 在弹出层B中关闭弹出层A和B弹出层B用脚本parent.parent.closeAll()
2.弹出层传参 jquery取得父页面元素
parent.parent.$(“#hideCollectionId”).val()//取得父页面之父页面的非动态生成的元素 $(“#hideCollectionId”,parent.parent.document).val()//取得父页面之父页面的动态生成的元素
1jquery在父窗口中获取iframe中的元素
Jquery代码 父窗口中获取iframe中的非动态生成元素 格式KaTeX parse error: Expected EOF, got # at position 3: (#̲iframe的ID).con…(“#ifm”).contents().find(“#btnOk”).click();//jquery 方法1 Jquery代码 父窗口中获取iframe中的动态生成元素 格式KaTeX parse error: Expected EOF, got # at position 3: (#̲iframe中的控件ID,d…(“#btnOk”,document.frames(“ifm”).document).click();//jquery 方法2
2 jquery在iframe中获取父窗口的元素
格式KaTeX parse error: Expected EOF, got # at position 3: (#̲父窗口中的元素ID, par…(‘#btnOk’, parent.document).click();
四、不显示iframe中的滚动条 有时候不想让iframe弹层出现滚动条则可以在content参数中传入一个字符串数组
layer.open({type: 2,content: http://sentsin.com //这里content是一个URL如果你不想让iframe出现滚动条你还可以content: [http://sentsin.com, no]
});
