window.open返回值

最新推荐文章于 2024-05-12 00:49:10 发布
最新推荐文章于 2024-05-12 00:49:10 发布
阅读量7.4k 收藏 6
点赞数
分类专栏： js 文章标签： window.open返回值

此篇文章转自：冰雪芯梦

内容直接拿过来。Mark下。很有用。感谢冰雪芯梦分享知识

最近在谷歌浏览器下发现一个问题，就是使用谷歌浏览器已经不兼容window.showModalDialog了，所以还是改成使用window.open()。

一、window.showModalDialog实例：

1、父页面：js

var returnValue=window.showModalDialog("selectUserList.jsp?order_id="+order_id+"&appID="+appID+"&prod_name="+prod_name+"&order_state="+order_state+"&prod_id="+prod_id+"&app_code="+app_code+"&app_fee_type="+app_fee_type+"&admin_flag="+admin_flag,0,"dialogWidth=480px;dialogHeight=510px;resizable:no;dialogLeft:550px;dialogTop:100px;status:no;scroll:no;resizable:no");

if(returnValue == "ok"){//"ok"就是子页面的返回值
  $("#goPageButton").click();
 }

2、子页面：selectUserList.jsp

window.returnValue = "ok";

 

二：window.open实例：

1、父页面：

<script language="javascript" type="text/javascript">
   var wd;
   var winTimer;//计时器变量, 监听窗口关闭 
   function openWindow() {
         wd = window.open("test2.html",null," height=300,width=450,  Left=300px,Top=20px, menubar=no,titlebar=no,scrollbar=no,toolbar=no, status=no,location=no");
         if (wd)  
          window.wd.focus();//判断窗口是否打开,如果打开,窗口前置  
          winTimer=window.setInterval("wisclosed()",500);
   }
   function wisclosed(){
    if(wd.closed){  
      alert(window.returnVaule);//子窗体返回值  
      //这里可以做赋值操作  
      window.clearInterval(winTimer);  
    }  
   }
 </script>
</head>
<body>
 <input type="button" id="btnShow" οnclick="openWindow();"  value="显示子窗口"/>
</body>

 

2、子页面：

<script language="javascript" type="text/javascript">
   function doclose() {
    window.opener.window.returnVaule="ok";  
    parent.window.close(); 
  }
</script>
</head>
<body>
 <input type="button" id="btnSelect" οnclick="doclose();"  value="关闭"/> 
</body>



挖煤的酋长
关注
  • 0
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
window.open返回值实例详解(子窗口向父窗口回显)
zhupengqq的博客
06-10 5730
window.open返回值实例详解(子窗口向父窗口回显) window.open实例： 1、父页面： <script language="javascript" type="text/javascript"> var wd; var winTimer;//计时器变量, 监听窗口关闭 function openWindow() { wd =...
js弹窗并返回值(window.open方式)
03-22
在本篇讨论中，我们将深入理解`window.open`的工作原理以及如何利用它来实现弹窗并获取返回值。 首先，`window.open`的基本语法如下： ```javascript window.open(url, name, features); ``` - `url`: 必需参数，...
2024年Web前端最新【vue工作随笔】前端配合后端进行文件下载的方法记录，2024年最新面试的总结
最新发布
2401_84446513的博客
05-12 628
开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】世界上只有一种真正的英雄主义就是在认清生活真相之后仍然热爱它});3.前端实现。
JavaScript 中的 Window.open() 用法详解
热门推荐
孙悟空
05-30 3万+
本文介绍了如何使用Window.open()方法，列举了该方法中各个参数的含义，以及如何在当前窗口、新窗口、独立窗口打开地址
window.open向父窗口返回值
踩袅的专栏
09-05 2415
2012-03-25 16:05:07|  分类： Java |  标签：window.open   |字号 订阅 基本语法： window.open(pageURL,name,parameters) 其中： pageURL 为子窗口路径 name 为子窗口句柄 parameters 为窗口参数(各参数用逗号分隔) 示例：
Window.Open参数、返回值
weixin_34126557的博客
10-11 775
一、window.open()支持环境： JavaScript1.0+/JScript1.0+/Nav2+/IE3+/Opera3+ 二、基本语法： window.open(pageURL,name,parameters) 其中： pageURL为子窗口路径 name为子窗口句柄 parameters为窗口参数(各参数用逗号分隔) 三、示例： <SCRIPT>...
window.open用法——获取子窗口返回值
q13762258896的专栏
07-20 3280
最近在做一个有关邮件发送功能，然而遇到了有关在选择收件人的时候，需要弹出一个子窗口，选择收件人之后将选择的数据返回到父窗口，然后完成发送功能！本想用window.showModalDialog() 这个方法来获取子窗口的返回值，可是谷歌、QQ等浏览器似乎已不支持，通过参考了一些博客，似乎说新版的谷歌已废除了该用法。 父窗口：window.open("user.do", "", "status...
js弹窗返回值详解(window.open方式)
10-26
本篇文章主要介绍了js弹窗返回值(window.open方式)。需要的朋友可以过来参考下，希望对大家有所帮助
js中的window.open返回object的错误的解决方法
01-19
解决window.open后返回object的错误 代码如下:<a>window.open()</a> 只在js的外层加上一个void不带返回参数的声明. 顺便在这里将window.open函数的参数使用也列出来： window.open函数参数列表 window = object.open...
js中window.open打开一个新的页面
10-25
这个名字可以被其他窗口引用，例如通过 `window.open` 的返回值或 `window.frames` 属性。如果已经有一个以该名称命名的窗口，`window.open` 将重用那个窗口，而不是打开新的窗口。 - `features`：可选参数，用来...
window.open于各浏览器兼容情况
12-18
window.open()对于各浏览器兼容情况
window.showModalDialog模式对话框和 window.open的区别
05-27
`window.showModalDialog` 和 `window.open` 都是JavaScript提供的两种打开新窗口的方法，但它们在功能和使用场景上有着显著的区别。 首先，我们来详细探讨`window.showModalDialog`。`showModalDialog`方法用于...
js弹窗&返回值
网站开发初中级代码参考-转载
06-14 312
版权声明：原创作品，允许转载，转载时请务必以超链接形式标明文章原始出版、作者信息和本声明。否则将追究法律责任。http://blog.csdn.net/mayongzhan - 马永占,myz,mayongzhan Window.open是ff和ie下都通用的弹窗方法. 似乎有些版本windows下ie的window.open打开的速度很慢. 第二个参数就是打开页的名字为空或者为_bla...
windows.open打开新窗口页面，逻辑处理完毕后，关闭窗口并调用(父页面)上层页面方法且不刷新父页面
zwy
08-27 2301
如题，原本的逻辑处理是，从列表页点击进入详情页（新页面），处理完毕后关闭详情页，同时刷新列表页，但用户使用后反馈，希望列表页不要刷新。如果不刷新，已处理的记录不会从列表中被排除出去，但又最好不要在列表显示出可处理的button来，就是处理完后，调用列表页的方法，影藏或者去掉这个button呗。 爆栈不能说是非常有用，只能说是yyds，我一个后端，只能百度哇，我知道可以找前端来处理，但我有点抵触我们那位前端，想着反正是写js，又不是css,我还不信我搞不出来。总之就是百度很久，试了很多方法，都没起效，最后.
window.open 卡死
wuyulkl的博客
06-28 2232
最近公司里开发了一个低代码平台，使用的react技术栈。这个平台顶部有一个预览按钮，当点击时，会使用window.open打开一个新的浏览器tab，显示预览页的内容。开发的时候，发现一个奇怪的现象，如果打开之后的页面，资源没加载完（页面内有不少ajax交互），就快速关闭掉了，父页面就会卡死。另一个同事对这个事情进行了排查，最后发现是window.open的问题，这个看似不起眼的api，其实暗藏玄机最终发现问题和chrome的进程机制有关系。原因：谷歌浏览器在给新开窗口分配进程时，看是否同源，非同源页面会单独
php window.open()获取返回值
05-24
在使用 `window.open()` 函数创建一个新的窗口时，无法直接获取该窗口的返回值。这是因为该函数是异步的，新打开的窗口需要时间来加载和处理内容，而 JavaScript 代码会继续执行，无法等待窗口加载完成后再获取返回值。 但是，可以通过在新窗口中执行 JavaScript 代码来将返回值传递回原始窗口。具体方法如下： 1. 在打开新窗口时，给该窗口添加一个唯一的标识符，例如一个随机数或者时间戳。 2. 在新窗口中定义一个 JavaScript 函数，该函数将需要返回的值作为参数，然后调用原始窗口中的一个 JavaScript 函数，并将返回值作为参数传递给它。 ```javascript function sendValueToParent(value) { window.opener.receiveValueFromChild(value); } ``` 3. 在原始窗口中定义一个 JavaScript 函数，该函数将接收从新窗口传递过来的值。 ```javascript function receiveValueFromChild(value) { console.log(value); } ``` 4. 在打开新窗口的代码中，为 `window.open()` 函数设置一个定时器，定期检查新窗口是否已经加载完毕。如果新窗口已经加载完毕，则调用在新窗口中定义的 JavaScript 函数，将返回值传递回原始窗口。 ```javascript var childWindow = window.open('child.html?id=123456', '_blank'); var intervalId = setInterval(function() { if (childWindow.closed) { clearInterval(intervalId); } else if (childWindow.document.readyState === 'complete') { childWindow.sendValueToParent('Hello, World!'); clearInterval(intervalId); } }, 1000); ``` 需要注意的是，该方法只适用于在同一个域名下打开的新窗口。如果打开的是外部网站或者跨域的页面，则无法通过 JavaScript 直接访问该页面的内容，也无法获取该页面的返回值。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值