JS iframe调用父页面函数的简单示例

iframe如何调用父页面函数。
window.parent.xxxxx();//xxxxx()代表父页面方法
具体列子如下,其中包括easyUI的右键和单击事件
parent.jsp
body部分代码 经测试代码如下:

<body class=easyui-layout> 
<!-- 左侧目录 --> 
<div 
data-options=region:'west',split:true,title:'主题',iconCls:'icon-arrowIn' 
style=width: 270px; background: #efefef> 
<!-- 目录数 --> 
<ul id=tree class=easyui-tree></ul> 
</div> 
<input type=hidden value=${param.type } id=themeType/> 
<!-- 右侧窗体 --> 
<div>
data-options=region:'center',title:'内容显示',iconCls:'icon-arrowOut' style=overflow: hidden> 
<iframe name=leftIframe id=leftIframe src= frameborder=0 height=100% width=100%></iframe> 
</div> 
<!-- 右键菜单 --> 
<div id=rightCliMean class=easyui-menu style=width:120px;> 
<div onclick=updateTheme(); data-options=iconCls:'icon-edit' >修改</div> 
<div onclick=removeObjectNode(); data-options=iconCls:'icon-tip' >删除</div> 
</div> 
<script type=text/javascript> 
loadTree(); 
</script> 
</body>
js部分: 经测试代码如下:

/**
 *  iframe调用父页面函数
 *
 * @param 
 * @arrange (编程之家) jb51.cc
 **/
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(); 
})

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


kindeditor4.x代码高亮功能默认使用的是prettify插件,prettify是Google提供的一款源代码语法高亮着色器,它提供一种简单的形式来着色HTML页面上的程序代码,实现方式如下: 首先在编辑器里面插入javascript代码: 确定后会在编辑器插入这样的代码: <pre
这一篇我将介绍如何让kindeditor4.x整合SyntaxHighlighter代码高亮,因为SyntaxHighlighter的应用非常广泛,所以将kindeditor默认的prettify替换为SyntaxHighlighter代码高亮插件 上一篇“让kindeditor显示高亮代码”中已经
js如何实现弹出form提交表单?(图文+视频)
js怎么获取复选框选中的值
js如何实现倒计时跳转页面
如何用js控制图片放大缩小
JS怎么获取当前时间戳
JS如何判断对象是否为数组
JS怎么获取图片当前宽高
JS对象如何转为json格式字符串
JS怎么获取图片原始宽高
怎么在click事件中调用多个js函数
js如何往数组中添加新元素
js如何拆分字符串
JS怎么对数组内元素进行求和
JS如何判断屏幕大小
js怎么解析json数据
js如何实时获取浏览器窗口大小
原生JS实现别踩白块小游戏(五)
原生JS实现别踩白块小游戏(一)