iframe調(diào)用父頁面函數(shù)示例詳解
更新時(shí)間：2014年07月17日 17:19:16 投稿：whsnow
這篇文章主要介紹了iframe如何調(diào)用父頁面函數(shù)，下面有個(gè)不錯(cuò)的示例，大家可以參考下
window.parent.xxxxx();//xxxxx()代表父頁面方法
具體列子如下，其中包括easyUI的右鍵和單擊事件
parent.jsp
body部分代碼
<body class="easyui-layout">
<!-- 左側(cè)目錄 -->
<div
data-options="region:'west',split:true,title:'主題',iconCls:'icon-arrowIn'"
style="width: 270px; background: #efefef">
<!-- 目錄數(shù) -->
<ul id="tree" class="easyui-tree"></ul>
</div>
<input type="hidden" value="${param.type }" id="themeType"/>
<!-- 右側(cè)窗體 -->
<div
data-options="region:'center',title:'內(nèi)容顯示',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);
/**
* 不可以對(duì)根節(jié)點(diǎn)（默認(rèn)主題）進(jìn)行操作
*/
var parent = $(this).tree('getParent',node.target);
if(parent){
if(node.text == '默認(rèn)主題'){
$.messager.alert("提示信息","默認(rèn)主題不能進(jìn)行操作!","warning");
return false;
}
$('#rightCliMean').menu('show',{
left: e.pageX,
top: e.pageY
});
}
},
onClick:function(node) {//單機(jī)事件
var type = node.attributes.type;
if("Schema" == type){
var themeType = $("#themeType").val();
$('#leftIframe').attr('src', 'xxxx.action');
return;
}
}
});
}
child.jsp
/**
* 刷新左側(cè)主題
*/
$(function(){
window.parent.loadTree();
})
相關(guān)文章
需要獲取圖片的尺寸，就需要在圖片加載完成以后才可以，下面有個(gè)不錯(cuò)的方法，大家不妨參考下2014-05-05
javascript制作網(wǎng)頁圖片上實(shí)現(xiàn)下雨效果
這里給大家分享的是一則使用javascript實(shí)現(xiàn)在網(wǎng)頁圖片上下雨的特效，效果非常炫酷，推薦給小伙伴們。2015-02-02
layuimini框架實(shí)現(xiàn)點(diǎn)擊菜單欄回到起始頁的解決方案
這篇文章主要介紹了layuimini框架實(shí)現(xiàn)點(diǎn)擊菜單欄回到起始頁的解決方案,本文通過圖文示例代碼給大家介紹的非常詳細(xì),感興趣的朋友跟隨小編一起看看吧2024-06-06
這篇文章主要介紹了制作微信小程序的小白簡單入門教程。本文就是小程序?qū)W習(xí)筆記，整理成教程的形式，希望對(duì)于初學(xué)者有用。需要學(xué)會(huì)的主要知識(shí)點(diǎn)都會(huì)講到，目標(biāo)是你讀完這個(gè)教程，就能學(xué)會(huì)怎么寫小程序。2022-12-12
詳解TS對(duì)象擴(kuò)展運(yùn)算符和rest運(yùn)算符
這篇文章主要介紹了詳解TS對(duì)象擴(kuò)展運(yùn)算符和rest運(yùn)算符，對(duì)TypeScript感興趣的同學(xué)，可以參考下2021-05-05
javascript來定義類的規(guī)范，有利于代碼的可閱讀性。2010-11-11
這篇文章主要介紹了Postman動(dòng)態(tài)獲取返回值過程詳解,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-06-06
本文主要給大家介紹的是使用javascript編寫俄羅斯方塊小游戲的思路和具體的實(shí)例代碼，有需要的小伙伴可以參考下2015-07-07
各瀏覽器對(duì)document.getElementById等方法的實(shí)現(xiàn)差異解析
這篇文章主要是對(duì)各瀏覽器對(duì)document.getElementById等方法的實(shí)現(xiàn)差異進(jìn)行了詳細(xì)的分析介紹，需要的朋友可以過來參考下，希望對(duì)大家有所幫助2013-12-12
這篇文章主要介紹了Spring mvc 接收json數(shù)據(jù)的相關(guān)資料,需要的朋友可以參考下2015-12-12