layer弹出层全屏及关闭方法
编程学习 2021-07-04 16:46www.dzhlxh.cn编程入门
今天长沙网络推广就为大家分享一篇layer弹出层全屏及关闭方法，具有很好的参考价值，希望对大家有所帮助。一起跟随长沙网络推广过来看看吧
一、首先引用JS文件
<script src="../../js/common/layer/layer.js"></script>
二、全屏调用以下代码
var index = layer.open({
type: 2,
content: url,
area: ['300px', '195px'],
title: false,
maxmin: true,
closeBtn: 0
});
layer.full(index);
三、关闭弹出层
var index = parent.layer.getFrameIndex(window.name); parent.layer.close(index);
总结：
这种打开的页面的好处是：直接关闭当前弹出层，不用刷新整个页面，不用加载数据，性能高，节约时间，缺点是查询参数的传输不方便。
补充：
这种写法产地参数十分的不方便，试过array方式传参解读过去的都是object根本不是想要的数据，而json格式数据因为里面带有引号只会传递部分数据，我在这里总结了一个方法，从几种方法里面选的一个相对较好的传参方式：
[{"name":"periodstart","value":"2014-01"},{"name":"periodend","value":"2014-12"},{"name":"fkcategory","value":""},{"name":"fkCategoryName","value":""},{"name":"fkmandept","value":""},{"name":"fkMandeptName","value":""},{"name":"fkusedept","value":""},{"name":"fkUsedeptName","value":""},{"name":"pkcurrtype","value":""},{"name":"total","value":""}]
JSON.stringify($('#searchForm').serializeArray()).replace(/"+/g,'').replace(/name:/g,'').replace(/,value:/g,'=').replace(