layer弹出层显示在top顶层
2016-11-29 11:23
309 查看
因为项目框架用了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控制父页面或者顶层页面的弹窗效果了。
显示在顶层窗口
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顶层
- layer弹出层显示在top顶层
- layer弹出层显示在top顶层
- layer火狐弹出层显示不完全问题
- frame框架top页面单击按钮显示弹出div的解决方案
- 使用layer,layui,不能显示弹出效果
- layer弹出层不居中解决方案,仅显示遮罩,没有弹窗
- layer 弹出层不居中显示问题的解决方法
- 使用layer显示弹出框笔记
- easyui弹出层在最顶层显示跳出iframe框架通用javascript代码
- jquery-ui弹出层在最顶层显示
- easyui弹出层在最顶层显示跳出iframe框架通用javascript代码
- easyui弹出层在最顶层显示跳出iframe框架通用javascript代码
- layer插件弹出显示圆角
- 编写SESSION过滤器时,SESSION失效时,登录页在顶层TOP中显示SHOW出的问题
- JQuery 弹出层,始终显示在屏幕正中间
- android录音时弹出权限选择框影响录音动画显示问题
- 全屏显示的包含webview的页面中弹出的软键盘覆盖输入框的问题
- 【库房】easyui的messager.show弹出框页面居中显示
- JavaScript基础 window.open(url,name,options) 弹出一个 新窗口 屏幕居中显示 获取屏幕的有效宽度