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

xiaoxiao2021-02-28  106

今日这个页面里面通过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方法了;
转载请注明原文地址: https://www.6miu.com/read-55147.html

最新回复(0)