layer.open 弹窗销毁的时候将值传给父页面

最新推荐文章于 2025-12-01 11:57:27 发布

原创最新推荐文章于 2025-12-01 11:57:27 发布 · 2k 阅读

1 ·

CC 4.0 BY-SA版权

前端专栏收录该内容

48 篇文章

订阅专栏

本文介绍了一种利用layer.js库创建弹窗的方法，并通过localStorage在弹窗关闭时保存和读取数据。此方法适用于在不刷新页面的情况下，实现数据的持久化存储和交互。

var h = Math.round($(window).height() * 0.9) // 获取浏览器时下窗口可视区域的高度乘以百分之九十,取整数
var w = Math.round($(window).width() * 0.8) // 获取浏览器时下窗口可视区域的宽度乘以百分之八十,取整数 
var url = "staticAnalysisEntryAdd";
var title = "个人违反详情";

layer.open({
            type: 2,
            area: [w+'px', h +'px'],
            fix: false, //不固定
            maxmin: true,
            shade:0.4,
            title: title,
            content: url,
            end: function () { // 弹窗销毁的时候,拿到配置添乘信息的模态框的内容
                addinformationObj=window.localStorage.getItem("addinformationObj")// json格式的数据
            }
        });

end: function () { // 弹窗销毁的时候,拿到配置添乘信息的模态框的内容
addinformationObj=window.localStorage.getItem("addinformationObj")// json格式的数据
}

可在此方法内对页面进行操作：弹框选中某些值，然后将值赋值给父页面，这样就避免刷新页面重新赋值