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

来源：互联网发布：ubuntu 命令行 deb 编辑：程序博客网时间：2024/06/06 05:24

今日这个页面里面通过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方法了；

阅读全文

0 1