场景:
提示:可以理解为在两个系统之间传参
需要在一个系统中打开一个外部链接并传递参数的问题
描述
尝试了opener和postMessage后都没有成功,改用了这个笨办法,只能传一个参数,且格式有所要求,记录一下,后面如果学到更好的方法回来更新文档,代码如下:
// a页面
window.open(b页面地址, 传参);
// b页面
console.log(window.name); // name即a页面传参数据
其他
同时记录一下opener和postMessage使用方法
opener
链接: 菜鸟教程
菜鸟教程里的定义为:
opener 属性是一个可读可写的属性,可返回对创建该窗口的 Window 对象的引用。
当使用window.open()打开一个窗口,可以使用此属性返回来自目标窗口源(父)窗口的详细信息。
示例如下:
function openWindow () {
const myWindow = window.open('','','width=200,height=100');
myWindow.document.write('<p>这是我的窗口</p>');
myWindow.focus();
myWindow.opener.document.write('<p>这个是源窗口!</p>');
}
openWindow ()
postMessage
链接: 菜鸟教程
菜鸟教程里的定义为:
postMessage() 方法用于安全地实现跨源通信。
语法如下:
otherWindow.postMessage(message, targetOrigin, [transfer]);
参数 | 说明 |
---|---|
otherWindow | 其他窗口的一个引用,比如 iframe 的 contentWindow 属性、执行 window.open 返回的窗口对象、或者是命名过或数值索引的 window.frames。 |
message | 将要发送到其他 window的数据。 |
targetOrigin | 指定哪些窗口能接收到消息事件,其值可以是 *(表示无限制)或者一个 URI。 |
transfer | 可选,是一串和 message 同时传递的 Transferable 对象。这些对象的所有权将被转移给消息的接收方,而发送一方将不再保有所有权。 |