layer弹出层显示在top顶层的方法
更新时间：2019年09月11日 17:31:28 作者：微笑de生活
今天小编就为大家分享一篇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顶层的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了Bootstrap实现响应式导航栏效果，导航栏是一个很好的功能，是Bootstrap网站的一个突出特点，本文带领大家学习实现Bootstrap导航栏,需要的朋友可以参考下2015-12-12
中文逗号如何转英文，下面为大家详细介绍下，感兴趣的朋友不要错过2014-02-02
此算法的实现，就是模拟人脑的思考和计算过程，有需要的朋友可以参考一下2013-10-10
video控件是微信小程序提供的系统组件之一,用于实现播放视频的功能,这篇文章主要给大家介绍了关于微信小程序之video组件视频播放的相关资料,需要的朋友可以参考下2022-04-04
这篇文章主要介绍了JavaScript 编写枚举的最有效方法分享，JavaScript语言本身不支持枚举。如果我们想模拟枚举，我们可以使用一个对象。更多相关内容感兴趣的小伙伴可以参考一下2022-06-06
这篇文章主要介绍了详细讨论JavaScript中的求值策略，对求值策略感兴趣的同学，可以参考下2021-04-04
下面小编就为大家分享一篇使用ajax的post同步执行(实现方法)，具有很好的参考价值，希望对大家有所帮助2017-12-12
这篇文章主要介绍了JS ES6展开运算符的几个妙用，想了解ES6的同学，可以参考下2021-04-04
javascript 获取多条数据(模拟ajax获取数据),这样的好处不用额外的ajax读取链接，减轻服务器负担。2009-06-06
细说webpack源码之compile流程-rules参数处理技巧(1)
webpack作为一种流行的打包工具被广泛应用在web项目的前端工程化构建中。下面通过本文给大家介绍webpack源码之compile流程-rules参数处理技巧，感兴趣的朋友一起看看吧2017-12-12
最新评论