layer弹出层调用父页面属性

页面index中嵌入iframe页面process

<div id="right">
    <div id="main" class="main">
        <iframe id="content" name="content" src="/process"></iframe>
    </div>
</div>
<script src="/scripts/layer/layer.js"></script>

在process页面使用layer弹出层时，弹出层只在process页面区域显示，不能在index页面上显示，

function test() {
    alert(11111)
}

function openDialog(title, url) {
    layer.open({
        type:2,
        title: title,
        area: ['800px', '500px'],
        content: url
    })
}

解决这个问题，可如下在layer前加parent：

function openDialog(title, url) {
    parent.layer.open({
        type:2,
        title: title,
        area: ['800px', '500px'],
        content: url
    })
}

这样就可以在index页面显示，值得注意的是，index页面中需要引入layer.js

如此一来，导致的后果是页面process中的属性和方法在弹出层取不到了。

解决这个问题，要想使用process页面中的属性，可以如下操作：

function test() {
    parent.$("iframe")[0].contentWindow.test();//使用process页面方法
    parent.$("iframe")[0].contentWindow.$(".code").val();//取process页面标签值
}