layer给iframe页面传值

转:https://blog.csdn.net/fmuma/article/details/78847934

最近使用layer的弹窗功能，在传参上遇到了问题。 
有两种情况。 
1. 父页面给子页面传参；这个可以在url后拼接，比如test.html?a=1 
2. 父页面获取子页面操作DOM

说明：本文实现了第二种，我看到第一种方案的实现方法是在父页面中用正则表达式去搜索test.html?a=1 这样来达到获取参数

        layer.open({
            title: '请填写信息',
            type: 2, //设置为2则可以跳转页面
            area: [width, height],
            shadeClose: true, //点击遮罩关闭
            content: 'form.jsp',
            success: function(layero, index){
                     //注意这里的#sid是iframe页面中的一个标签id
                    var jquerySendHelloButton = $("#sid", layero.find("iframe")[0].contentWindow.document);  
                    jquerySendHelloButton.attr("value", sid );  

              },
        });

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12
• 13

在iframe页面用一个标签，为了不影响页面，设置为隐藏

    <!-- 用来存储父页面传过来的id -->
    <input type="text"   id="sid" style="display:none"> 

• 1
• 2

注意，这里的sid和这里sid对应

var jquerySendHelloButton = $("#sid", layero.find("iframe")[0].contentWindow.document);

QQ群:553997290   

公众号: