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页面标签值
}