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


Posted in Javascript onJuly 17, 2014
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部分:

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(); 
})
Javascript 相关文章推荐
jquery.tmpl JQuery模板插件
Oct 10 Javascript
js操作textarea 常用方法总结
Dec 03 Javascript
JS定时关闭窗口的实例
May 22 Javascript
jquery实现简单易懂的图片展示小例子
Nov 21 Javascript
js简单的表格添加行和删除行操作示例
Mar 31 Javascript
JavaScript中的Math.SQRT1_2属性使用简介
Jun 14 Javascript
javascript实现的全国省市县无刷新多级关联菜单效果代码
Aug 01 Javascript
Node使用Sequlize连接Mysql报错:Access denied for user ‘xxx’@‘localhost’
Jan 03 Javascript
Vue + better-scroll 实现移动端字母索引导航功能
May 07 Javascript
vue基础之使用get、post、jsonp实现交互功能示例
Mar 12 Javascript
微信小程序中如何计算距离某个节日还有多少天
Jul 15 Javascript
Element InputNumber 计数器的实现示例
Aug 03 Javascript
js中一维数组和二位数组中的几个问题示例说明
Jul 17 #Javascript
js中函数调用的两种常用方法使用介绍
Jul 17 #Javascript
jQuery中关于ScrollableGridPlugin.js(固定表头)插件的使用逐步解析
Jul 17 #Javascript
Express.JS使用详解
Jul 17 #Javascript
JavaScript DOM节点添加示例
Jul 16 #Javascript
js中各种类型的变量在if条件中是true还是false
Jul 16 #Javascript
JQuery做的一个简单的点灯游戏分享
Jul 16 #Javascript
You might like
CodeIgniter框架数据库事务处理的设计缺陷和解决方案
2014/07/25 PHP
smarty缓存用法分析
2014/12/16 PHP
PHP创建PowerPoint2007文档的方法
2015/12/10 PHP
图文详解PHP环境搭建教程
2016/07/16 PHP
php实现等比例不失真缩放上传图片的方法
2016/11/14 PHP
thinkPHP中_initialize方法实例分析
2016/12/05 PHP
在JavaScript中获取请求的URL参数
2010/12/22 Javascript
JavaScript中textRange对象使用方法小结
2015/03/24 Javascript
javascript基于DOM实现权限选择实例分析
2015/05/14 Javascript
jQuery增加自定义函数的方法
2015/07/18 Javascript
信息页文内画中画广告js实现代码(文中加载广告方式)
2016/01/03 Javascript
javascript html5移动端轻松实现文件上传
2020/03/27 Javascript
jQuery实现下拉框左右移动(全部移动,已选移动)
2016/04/15 Javascript
js实现炫酷的左右轮播图
2017/01/18 Javascript
JS Testing Properties 判断属性是否在对象里的方法
2017/10/01 Javascript
js实现手机web图片左右滑动效果
2017/12/29 Javascript
原生js实现省市区三级联动代码分享
2018/02/12 Javascript
微信开发之微信jssdk录音功能开发示例
2018/10/22 Javascript
微信小程序的引导页实现代码
2020/06/24 Javascript
解决vue cli4升级sass-loader(v8)后报错问题
2020/07/30 Javascript
[03:04]2018年度DOTA2玩家最喜爱的主播-完美盛典
2018/12/16 DOTA
django model去掉unique_together报错的解决方案
2016/10/18 Python
Python入门_条件控制(详解)
2017/05/16 Python
Python实现对字典分别按键(key)和值(value)进行排序的方法分析
2018/12/19 Python
Python图片的横坐标汉字实例
2019/12/04 Python
利用指针变量实现队列的入队操作
2012/04/07 面试题
机电工程专业应届生求职信
2013/10/03 职场文书
大学生军训自我评价分享
2013/11/09 职场文书
会计专业自我鉴定
2014/02/10 职场文书
《伯牙绝弦》教学反思
2014/03/02 职场文书
领导干部查摆“四风”问题自我剖析材料思想汇报
2014/10/05 职场文书
小学生2015教师节演讲稿
2015/03/19 职场文书
学校艾滋病宣传活动总结
2015/05/09 职场文书
党支部评议意见
2015/06/02 职场文书
安全生产会议制度
2015/08/06 职场文书
多台电脑共享文件怎么设置?多台电脑共享文件操作教程
2022/04/08 数码科技