java让弹窗在最上层_layer弹出层显示在top顶层的方法

因为项目框架用了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'],

content: 'http://sentsin.com' //这里content是一个URL，

});

显示在父窗口

parent.layer.open({

type: 2,

title: '标题',

shadeClose: true,

shade: 0.3,

area : ['850px' , '450px'],

content: 'http://sentsin.com' //这里content是一个URL，

});

top和parent是浏览器的内置对象，top表示最顶层容器,parent表示父容器，这样一来就是实现了iframe控制父页面或者顶层页面的弹窗效果了。

以上这篇layer弹出层显示在top顶层的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

java让弹窗在最上层_layer弹出层显示在top顶层的方法相关推荐

Jquery 点击图片在弹出层显示大图
[转]Jquery 点击图片在弹出层显示大图使用jquery, 实现点击图片在弹出层显示大图,再次点击关闭,加入图片高宽和窗口高宽的大小判断. 效果图片: 1.点击前的效果: 2.点击后的效果: h ...
html点击图片弹出大图特效代码,Jquery 点击图片在弹出层显示大图
使用jquery,实现点击图片在弹出层显示大图,再次点击关闭,加入图片高宽和窗口高宽的大小判断. 效果图片如下: 1.点击前的效果: 2.点击后的效果: html代码如下: 弹出层图片 Js代码如下: ...
layui怎样将响应数据展示在页面_layui怎么对弹出层显示数据
layui怎么对弹出层显示数据?下面给大家举个例子:点击查看 function func11() { console.log($.cookie("id")); //iframe窗 ...
html图片显示详情,纯CSS鼠标经过图片视差弹出层显示详情链接按钮特效代码.html...
纯CSS鼠标经过图片视差弹出层显示详情链接按钮特效代码 * { box-sizing: border-box; } html, body { height: 100%; background:#ddd ...
layer弹出层闪退_关于layui 弹出层一闪而过就消失的解决方法
关于layui 弹出层一闪而过就消失的解决方法听说是因为 JQuery 的版本冲突问题,在找到具体问题之前,先在代码里加一个 return false 解决问题: 立即提交 js: //监听提交 f ...
layer弹窗在键盘按回车将反复刷新_layer弹出层回车后反复弹出
问题描述:引入layer的包,然后通过一个按钮控制弹出层,但是偶然的情况下,发现回车后也能弹出,一直回车,一直弹...简单分析之后,可能有两个原因:一是焦点一直在那个按钮,把焦点移开可能是解决的办 ...
layer弹出层闪退_layer弹出层详解
1.layer 弹出层iframe页面关闭自身 function closeFrame() { var index = parent.layer.getFrameIndex(window.name); ...
jbox弹窗_强大的jquery弹出层插件jBox
jBox是一款功能强大的jquery弹出层插件.jBox插件可以用来创建tooltips提示框.模态窗口.图片画廊等多种效果. 使用方法在页面中引入jBox.all.min.css.jquery和j ...
html 5 桌面弹窗,HTML5+CSS3+jQuery实现弹出层
我们完全使用HTML5+CSS3+jQuery来实现一个基本的弹出层效果,因此我们可以在示例中任意修改弹出层外观样式.甚至js方法调用.我们最终做出来的弹出层效果应该是响应式的,也就是说可以在桌面PC ...

java让弹窗在最上层_layer弹出层显示在top顶层的方法

java让弹窗在最上层_layer弹出层显示在top顶层的方法相关推荐

最新文章

热门文章