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