- 相關推薦
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