关于js页面之间跨域传值问题 opener parent等等 使用window.returnValue

最新推荐文章于 2022-01-07 20:09:47 发布
最新推荐文章于 2022-01-07 20:09:47 发布
阅读量2.4k 收藏 3
点赞数
分类专栏： Javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ujm097/article/details/79778764
版权
本文介绍了JavaScript中处理跨域页面传值的问题，特别是使用window.returnValue时遇到的困境。通过设置`document.domain`来解决IE浏览器下的跨域问题，并针对Chrome浏览器提供额外的解决方案，利用`window.opener`或`window.parent`属性确保返回值能正确传递到父页面。
摘要由CSDN通过智能技术生成

首先解释一下returnValue

returnValue是javascript中html的window对象的属性，目的是返回窗口值，当用window.showModalDialog函数打开一个模态窗口时，用于返回窗口的值。

使用js做了一个通用选人控件

父页面为短信发送页面，点击选人按钮进行选人，选人页面为另一个域名下的页面

父页面：smscenter.test.com

选人页面：cus.test.com



js中使用如下代码获取选人页面的值

var returnValue = window.showModalDialog(url, condition, params);

发现选人之后returnValue为undefined。

经研究解决方案如下，设置域

选人页面和父页面都增加如下代码

$(document).ready(function() {

  document.domain = "test.com";

});

<
最低0.47元/天 解锁文章
mengchentj
关注
专栏目录
跨域刷新的可行方案
Zhongxiucheng的专栏
07-27 1530
基本的思路一般有两个:第一种是使用隐藏的iframe策略,它的具体依据是,我不能在当前页面上访问远程域上的脚本来刷新远程域中的页面,但是可以通过一个iframe加载一个远程中的一个页面,比如我可以通过iframe加载像百度,谷哥这样的首页页是没有有问题,这就为程序员提供了一种可能,我可以动态加载一个远程页面,由这个页面发起刷新远程其它页页的逻辑.例如可以在iframe加载的页页中放置如下代码:
页面跨域访问的问题
小白杨
04-22 9342
在web项目中，有时候需要获取其他服务的数据，这个时候可以用ajax去获取。但是我们的web页面中需要去访问其他服务的一个页面，在此页面上去查询或者选择某些信息，并从那个页面获取操作的信息。这个是个典型的跨域访问的问题。这里介绍一个比较实用的方法，只是这个方法需要被访问的服务端进行配合：具体步骤如下：1.准备一个本地的“容器页面”container.jsp，称这个页面为“容器” 是因为这样页面只嵌...
window.returnValue使用方法示例介绍
09-04
returnValue是javascript中html的window对象的属性,目的是返回窗口值，下面有个示例，大家可以感受下
window.parent.returnValue
weixin_30477293的博客
01-22 472
* 以前只需要window.returnValue，这次不行，可能因为子页面又嵌套了iframe window.parent.returnValue="success"; window.parent.close(); * 转载于:https://www.cnblogs.com/qingmaple/p/4240755.html...
JavaScript中Event.returnValue属性
热门推荐
qq_17257809的博客
06-10 1万+
1.该属性是设置或获取事件的返回值。Event对象的returnValue属性的值一般是true,即脚本处理完自己的工作后由元素处理事件。 通过该属性可以取消事件处理程序中调用函数的默认操作。 现在举个例子说明： var charCode=event.keyCode; if(charCode75) { alert("对不起,你输入的不是数字字符!"); event.ret
谷歌不兼容showModalDialog()方法出现对话窗口解决方法
weixin_34364071的博客
02-15 315
javascript中showModalDialog()方法在IE，火狐，百度，360等浏览器可以使用，但是在谷歌浏览器下去没有任何反应，现在我给大家一种方法，当然这个方法是我在网上找的，调试可以使用。 <script type="text/javascript"> //开启模式窗口 function showMyModal() {...
js中几种实用的跨域方法原理详解
萌萌的It人 www.itmmd.com
07-15 2484
这里说的js跨域是指通过js在不同的域之间进行数据传输或通信，比如用ajax向一个不同的域请求数据，或者通过js获取页面中不同域的框架中(iframe)的数据。只要协议、域名、端口有任何一个不同，都被当作是不同的域。 下表给出了相对http://store.company.com/dir/page.html同源检测的结果: 要解决跨域的问题，我们可以使用以下几种方法： 一、通过jsonp
javascript 父窗口、子窗口传值问题
03-16
在JavaScript编程中，父窗口与子窗口之间的通信是一种常见的需求，特别是在构建多窗口应用程序或弹出窗口时。本文将深入探讨如何在JavaScript中实现父窗口与子窗口之间的数据传递。 首先，我们需要理解“父窗口”和...
JS跨域
尊哥的博客
04-28 349
一、什么是跨域 在JavaScript中，有一个很重要的安全性限制，被称为“Same-Origin Policy”（同源策略），由于浏览器这个同源策略，凡是发送请求的url的协议、域名、端口三者之间任意一与当前页面地址不同即为跨域。具体可以查看下表： 如果你进行了跨域请求，你在浏览器控制台就会看到以下提示： XMLHttpRequest cannot load http://external-d...
showModalDialog open弹出子窗口操作parent、opener父窗口及跨域处理
04-18
在弹出的窗口涉及跨越两个不同的应用域时，需要声明两个域相互信任。 document.domain="chinaacc.com"; 不同方式跨域弹出窗口区别 1> window.showModalDialog()采用JS原理实现，同时父窗口不可操作，window.open()采用新创建一个窗口，同时父窗口可操作； 2> 父窗口与子窗口传递值的方式也有所不同，在子窗口中操作父窗口也语法也不同，分别为var parentObjs = window.dialogArguments；opener.parentObj.elementObj.arrtr = 'str'； 3> IE与FireFox对两个弹出窗口在跨域时的解析也有不同：通过window.dialogArguments操作父窗口时，在IE下不需要指定document.domain而在FireFox下则正好相反需要指定才能生效；采用opener方式操作父窗口时都不需要指定document.domain。
子窗体与父窗体传值示例js代码
12-04
代码如下: //返回值给父窗体 function returnParent(value) {//获取子窗体返回值 var parent = window.dialogArguments; //获取父页面 //parent.location.reload(); //刷新父页面 if (parent != null && parent != “undefined”) { window.returnValue = value; //返回值 window.close(); //关闭子页面 } //window.opener.document.getElementById(“ActivityPic”);
网络安全---window对象、cors通信
bffanfan的博客
01-07 400
window 对象 概述 浏览器里面，window对象（注意，w为小写）指当前的浏览器窗口。它也是当前页面的顶层对象，即最高一层的对象，所有其他对象都是它的下属。一个变量如果未声明，那么默认就是顶层对象的属性。 a = 1; window.a // 1 上面代码中，a是一个没有声明就直接赋值的变量，它自动成为顶层对象的属性。 window有自己的实体含义，其实不适合当作最高一层的顶层对象，这是一个语言的设计失误。最早，设计这门语言的时候，原始设想是语言内置的对象越少越好，这样可以提高浏览器的性能。因此，语
iframe父子页面间通信总结
hello world！
03-07 490
随着网页结构的复杂化，页面内嵌frame越来越常见，但不管是作为内容页来显示，还是作为组件模块嵌入，都有父子页面间通信的需求可能，因此为了更好的实现需求就必须了解父子页面间的通信。iframe子页面与父页面通信根据iframe中src属性是同域链接还是跨域链接，通信方式也不同。同域下父子页面的通信页面间通信常以页面间调用实现，包括以下几个方面：（调用包含html dom，js全局变量，js方法）父...
js跨域解决方案
lipeng的博客
10-20 114
一、问题描述 在页面渲染时需要动态获取iframe子页面的高度，然后重新设置iframe高度，达到自适应的目的，但是由于iframe子页面中也涉及到访问其他系统的页面，这就使得页面渲染时无法获取子页面高度，这里涉及到跨域访问子页面问题。 二、什么是跨域 我们经常会在页面上使用ajax请求访问其他服务器的数据,此时,客户端会出现跨域问题. 跨域问题是由于javascript语言安全限制中...
window.showModalDialog与opener及returnValue
dianti5444的博客
12-12 220
首先来看看 window.showModalDialog 的参数 vReturnValue = window.showModalDialog(sURL [, vArguments] [, sFeatures]) ; sURL : 打开窗口的地址; vArguments : 传递参数; sFeatures : 窗口属性列表; 第一个参数是必须的, 后两个可以省略. 这里我...
window.returnValue 用法
沉浮
07-08 1368
window.returnValue是javascript中html的window对象的属性，目的是返回窗口值
跨域window.opener
m0_46129241的博客
10-23 1382
事件监听： window.addEventListener(type, function, true/false); type：事件的类型（如“click”或“mousedown”或“message”或“resize”）。 function：事件触发后调用的函数。 true/false：true：先捕获 、false：先冒泡 window.postMessage() 移除监听事件： window.removeEventListener(“click”, function); ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值