iframe调用父页面函数示例详解

这篇文章主要介绍了iframe如何调用父页面函数，下面有个不错的示例，大家可以参考下

 window.parent.xxxxx();//xxxxx()代表父页面方法

具体列子如下，其中包括easyUI的右键和单击事件

parent.jsp

body部分代码

   
 
 修改
删除

js部分：

 function loadTree() { $('#tree').tree( { url : 'xxxxx.action, animate : true, lines : true, onContextMenu : function(e, node) { e.preventDefault(); $(this).tree('select', node.target); /** * 不可以对根节点（默认主题）进行操作 */ var parent = $(this).tree('getParent',node.target); if(parent){ if(node.text == '默认主题'){ $.messager.alert("提示信息","默认主题不能进行操作!","warning"); return false; } $('#rightCliMean').menu('show',{ left: e.pageX, top: e.pageY }); } }, onClick:function(node) {//单机事件 var type = node.attributes.type; if("Schema" == type){ var themeType = $("#themeType").val(); $('#leftIframe').attr('src', 'xxxx.action'); return; } } }); } child.jsp /** * 刷新左侧主题 */ $(function(){ window.parent.loadTree(); })

以上就是iframe调用父页面函数示例详解的详细内容，更多请关注0133技术站其它相关文章！