- 相关推荐
iframe调用父页面的方法
贵有恒何必三更眠五更起，最无益只怕一日曝十日寒。 以下是小编为大家搜索整理的iframe调用父页面的方法，希望能给大家带来帮助!更多精彩内容请及时关注我们应届毕业生考试网!
1
window.parent.xxxxx();//xxxxx()代表父页面方法 |
具体列子如下，其中包括easyUI的右键和单击事件
parent.jsp
body部分代码
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
|
<body class="easyui-layout"><!-- 左侧目录 --><divdata-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"/><!-- 右侧窗体 --><divdata-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部分：
?
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
|
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调用父页面的方法】相关文章：
java远程方法调用技巧09-21
Java远程方法调用RMI08-24
C++调用C函数的方法05-21
PHP编程：类和对象、方法调用09-26
Java程序调用C/C++语言函数的方法07-31
Word表格跨页的具体方法09-08
Word表格跨页的具体方法介绍07-14
系统调用的概念简介07-06