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 1.5 源码解读 面向中高阶JSER
Apr 05 Javascript
解析prototype,JQuery中跳出each循环的方法
Dec 12 Javascript
js 去除字符串第一位逗号的方法
Jun 07 Javascript
JavaScript实现的GBK、UTF8字符串实际长度计算函数
Aug 27 Javascript
浅谈JavaScript Date日期和时间对象
Dec 29 Javascript
理解和运用JavaScript的闭包机制
Aug 13 Javascript
简单的分页代码js实现
May 17 Javascript
jQuery简单实现仿京东分类导航层效果
Jun 07 Javascript
js事件冒泡、事件捕获和阻止默认事件详解
Aug 04 Javascript
node.js实现博客小爬虫的实例代码
Oct 08 Javascript
详解使用create-react-app添加css modules、sasss和antd
Jul 31 Javascript
vue路由结构可设一层方便动态添加路由操作
Aug 31 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
php的array_multisort()使用方法介绍
2012/05/16 PHP
微博短链接算法php版本实现代码
2012/09/15 PHP
laravel框架select2多选插件初始化默认选中项操作示例
2020/02/18 PHP
jquery api参考 visualjquery 中国线路 速度快
2007/11/30 Javascript
不间断滚动JS打包类,基本可以实现所有的滚动效果,太强了
2007/12/08 Javascript
基于jquery的跟随屏幕滚动代码
2012/07/24 Javascript
JS 两个字符串时间的天数差计算
2013/08/25 Javascript
使用js声明数组,对象在jsp页面中(获得ajax得到json数据)
2013/11/05 Javascript
JS事件在IE与FF中的区别详细解析
2013/11/20 Javascript
让jQuery与其他JavaScript库并存避免冲突的方法
2013/12/23 Javascript
javasciprt下jquery函数$.post执行无响应的解决方法
2014/03/13 Javascript
jquery 页眉单行信息滚动显示实现思路及代码
2014/06/26 Javascript
JS如何判断json是否为空
2016/07/06 Javascript
jQuery纵向导航菜单效果实现方法
2016/12/19 Javascript
Vue双向数据绑定(MVVM)的原理
2020/10/03 Javascript
react-native 实现购物车滑动删除效果的示例代码
2021/01/15 Javascript
[50:29]2014 DOTA2华西杯精英邀请赛 5 24 DK VS iG
2014/05/26 DOTA
python正则表达式匹配[]中间为任意字符的实例
2018/12/25 Python
Python3.5内置模块之os模块、sys模块、shutil模块用法实例分析
2019/04/27 Python
python队列Queue的详解
2019/05/10 Python
Python3操作MongoDB增册改查等方法详解
2020/02/10 Python
python3.6环境下安装freetype库和基本使用方法(推荐)
2020/05/10 Python
HTML5的结构和语义(2):结构
2008/10/17 HTML / CSS
生物技术专业研究生自荐信
2013/09/22 职场文书
培训班开班仪式主持词
2014/03/28 职场文书
环保倡议书100字
2014/05/15 职场文书
结婚堵门保证书
2015/05/08 职场文书
法定代表人身份证明书
2015/06/18 职场文书
2015初中团委工作总结
2015/07/28 职场文书
导游词之临安白水涧
2019/11/05 职场文书
话题作文之生命的旋律
2019/12/17 职场文书
JS代码编译器Monaco使用方法
2021/06/11 Javascript
Python实现智慧校园自动评教全新版
2021/06/18 Python
浅谈Python从全局与局部变量到装饰器的相关知识
2021/06/21 Python
JavaScript选择器函数querySelector和querySelectorAll
2021/11/27 Javascript
Windows Server 2019 域控制器安装图文教程
2022/04/28 Servers