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

js教程评论314 views阅读模式
window.parent.xxxxx();//xxxxx()代表父页面方法

具体列子如下,其中包括easyUI的右键和单击事件

parent.jsp

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(); 
    })

    企鹅博客
    • 本文由 发表于 2019年9月7日 07:18:13
    • 转载请务必保留本文链接:https://www.qieseo.com/417613.html

    发表评论