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

mumumu 发布于2019-08-23 17:20 / 2466人阅读

摘要：父窗口的代码打开上传文件窗口里面的参数详情，查看，更系统的详情资源此方法将会被子窗口调用来自子窗口的参数子窗口代码使用后的子窗口调用父窗口方法代码调用父窗口方法直接操作父窗口元素如赋值关闭窗口

父窗口的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();  
}

云服务器 GPU云服务器 php 调用父方法 java调用父类方法调用JavaScript方法 javascript实现方法

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/104182.html

《JavaScript 闯关记》之 BOM

摘要：对象的核心对象是，它表示浏览器的一个实例。及更高版本不会抛出错误。与框架有关的最后一个对象是，它始终指向实际上，和对象可以互换使用。设置值说明或表示浏览器窗口是否最大化。仅限数值表示新窗口的高度。 ECMAScript 是 JavaScript 的核心，但如果要在 Web 中使用 JavaScript，那么 BOM（浏览器对象模型）则无疑才是真正的核心。BOM 提供了很多对象，用于访问...

马忠志 2019-08-20 12:06 评论0 收藏0
浏览器父子窗口间通信

摘要：父子间窗口通信分两种情况父子窗口同源浏览器的同源策略还没了解到就请自行了。父窗口向子窗口通信子窗口是由父窗口创建的。父子窗口不同源这种情况下父子窗口要通信就需要借助的功能了。父子窗口通信需求背景最近在实现一个关联谷歌账户的需求。看到网上的大部分涉及前端方面的实现都有这么个OAuth标准下的流程: 打开一个子窗口在子窗口重定向到授权页用户点击授权按钮用户授权后授权页会重定向到...

Miracle_lihb 2019-08-26 11:56 评论0 收藏0
「转载」window.open详解（javascript弹出页面）

摘要：写成一行参数解释脚本开始弹出新窗口的命令弹出窗口的文件名弹出窗口的名字不是文件名，非必须，可用空代替窗口高度窗口宽度窗口距离屏幕上方的象素值窗口距离屏幕左侧的象素值是否显示工具栏，为显示，表示菜单栏和滚动栏。 Window.Open详解2006年11月09日 12:14 Window.Open详解一、window.open()支持环境： JavaScript1.0+/JScript...

xingpingz 2019-08-21 10:20 评论0 收藏0
20170616-跨域

摘要：同源策略浏览器出于安全方面的考虑，不同源的客户端脚本在没有明确授权的情况下，不能读写对方的资源。传回后回调函数立即执行参数是后端产生的数据从而实现相应的功能。同源策略浏览器出于安全方面的考虑，不同源的客户端脚本在没有明确授权的情况下，不能读写对方的资源。同源指的是：同协议同域名同端口作用：保证用户信息的安全，防止恶意的网站窃取数据例1：A网站是一家银行，用户登录以...

Jinkey 2019-08-20 17:18 评论0 收藏0
前端工具函数

摘要：将一级的数据结构处理成树状数据结构处理成树状结构，一般就是需要节点和父节点标识，或者需要考虑以哪个节点为根节点生成树结构数据使用示例代码将一级的数据结构处理成树状数据结构字段名称比如父字段名称比如根节点的父字段的值需要处理的数据是否将一级的数据结构处理成树状数据结构处理成树状结构，一般就是需要节点和父节点标识，或者需要考虑以哪个节点为根节点生成树结构数据 // 使用示例代码： list...

or0fun 2019-05-23 12:19 评论0 收藏0