iframe调用父页面函数示例详解
window.parent.xxxxx();//xxxxx()代表父页面方法
具体列子如下，其中包括easyUI的右键和单击事件
parent.jsp
body部分代码
<bodyclass="easyui-layout">
<!--左侧目录-->
<div
data-options="region:'west',split:true,title:'主题',iconCls:'icon-arrowIn'"
style="width:270px;background:#efefef">
<!--目录数-->
<ulid="tree"class="easyui-tree"></ul>
</div>
<inputtype="hidden"value="${param.type}"id="themeType"/>
<!--右侧窗体-->
<div
data-options="region:'center',title:'内容显示',iconCls:'icon-arrowOut'"style="overflow:hidden">
<iframename="leftIframe"id="leftIframe"src=""frameborder="0"height="100%"width="100%"></iframe>
</div>
<!--右键菜单-->
<divid=rightCliMeanclass="easyui-menu"style="width:120px;">
<divonclick="updateTheme();"data-options="iconCls:'icon-edit'">修改</div>
<divonclick="removeObjectNode();"data-options="iconCls:'icon-tip'">删除</div>
</div>
<scripttype="text/javascript">
loadTree();
</script>
</body>
js部分：
functionloadTree(){
$('#tree').tree({
url:'xxxxx.action,
animate:true,
lines:true,
onContextMenu:function(e,node){
e.preventDefault();
$(this).tree('select',node.target);
/**
*不可以对根节点（默认主题）进行操作
*/
varparent=$(this).tree('getParent',node.target);
if(parent){
if(node.text=='默认主题'){
$.messager.alert("提示信息","默认主题不能进行操作!","warning");
returnfalse;
}
$('#rightCliMean').menu('show',{
left:e.pageX,
top:e.pageY
});
}
},
onClick:function(node){//单机事件
vartype=node.attributes.type;
if("Schema"==type){
varthemeType=$("#themeType").val();
$('#leftIframe').attr('src','xxxx.action');
return;
}
}
});
}
child.jsp
/**
*刷新左侧主题
*/
$(function(){
window.parent.loadTree();
})