您的位置:首页 > Web前端 > JavaScript

iframe包含的页面如何能够调用到父级页面的js方法

2017-06-07 17:26 585 查看


今日这个页面里面通过iframe包含昨日和明日的这两个页面;要想昨日和明日的这两个页面能够引用到今日这个页面里面的js方法;

主要是想利用poptodaymeetDiv这个div;可以弹出一个div进行会商添加;

应该用top.今日里面的方法();
在index.jsp中:

<script type="text/javascript">
function edittodaysub(){
//alert("今日会商");
var url = "static/pop/edittodaysub.html";
$.get(url, function(data){
$("#poptodaymeetDiv").html(data);
BUI.use('bui/overlay',function(Overlay){
dialog = new Overlay.Dialog({
title:'今日会商录入',
width:700,
height:600,
mask:true,
closeAction : 'destroy',//每次关闭dialog释放
buttons:[],
contentId:'poptodaymeetDiv'
});
dialog.show();
});
});
}

function edityessub(){
//alert("昨日会商2");
var url = "static/pop/edityessub.html";
$.get(url, function(data){
$("#poptodaymeetDiv").html(data);

BUI.use('bui/overlay',function(Overlay){
dialog = new Overlay.Dialog({
title:'昨日会商录入情况',
width:700,
height:600,
mask:true,
closeAction : 'destroy',//每次关闭dialog释放
buttons:[],
contentId:'poptodaymeetDiv'
});
dialog.show();
});
});
}
function edittomsub(){
//alert("明日会商");
var url = "static/pop/edittomsub.html";
$.get(url, function(data){
$("#poptodaymeetDiv").html(data);

BUI.use('bui/overlay',function(Overlay){
dialog = new Overlay.Dialog({
title:'明日会商录入情况',
width:700,
height:600,
mask:true,
closeAction : 'destroy',//每次关闭dialog释放
buttons:[],
contentId:'poptodaymeetDiv'
});
dialog.show();
});
});
}
</script>
在yesindex.jsp(昨日页面)中:
function edityessub(){
//alert("昨日会商");
top.edityessub();
}
</script>
在tomindex.jsp(明日页面)中:
function edityessub(){
//alert("昨日会商");
top.edityessub();
}
</script>


以上就可以实现iframe包含的页面调用父级页面的js方法了;
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息