2分钟通过javascript的opener方式实现调用父窗口方法示例

8次阅读

共计 597 个字符,预计需要花费 2 分钟才能阅读完成。

父窗口的 JS 代码:

// 打开上传文件窗口
function uploadImgFile(id){  
    // open 里面的参数详情,查看 MDN,更系统的详情资源
    window.open("${base}/ajax/picupload.action?parentImgUrlId="+id,"","height=300, width=500, toolbar =no, menubar=no, scrollbars=yes, resizable=no, location=no, status=no");  
    //document.getElementById(id).value = someValue;  
}  
  
// 此方法将会被子窗口调用
function testfun(params){alert("来自子窗口的参数:"+params);  
}

子窗口 JS 代码:

使用 window.open 后的子窗口调用父窗口方法代码

// 调用父窗口方法
function setParentImgUrl(){window.opener.testfun('children');  

    // 直接操作父窗口 dom 元素 如赋值
    // window.opener.document.getElementById("${parentImgUrlId}").value = document.getElementById('img_url').value;  
    // 关闭窗口
    window.close();}

正文完
 0