Javascript 在不同页面的输入框之间发送数据

我想制作一个inputbox，用按钮等将数据发送到新选项卡（和新页面）中的另一个inputbox。 我搜索了很多（url数据传输&…），但仍然不知道。 我很欣赏任何出发点或某事。 谢谢 编辑：它们是具有不同域的不同站点。

---

编辑2：我没有任何权限编辑收件人页面。

您有数百万个选项

您可以传递搜索参数、哈希、会话存储

（不起作用，但给出了实现）

---

这里使用的是搜索参数方法。但正如我所说，您有很多选择。

在我了解更多信息之前，我会说本地存储是您在这里需要的：

因此，一个窗口保存数据（使用

JSON.stringify

），另一个窗口侦听

storage

事件，并使用

JSON.parse

解析该数据。另外，这两个窗口可以一起发送和接收

更多信息请点击这里-

---

还有一个演示页面，包含两个选项卡-

，用于跨域消息传递，我建议使用

很公平，API非常简单：

//create popup window
var domain = 'http://scriptandstyle.com';
var myPopup = window.open(domain + '/windowPostMessageListener.html','myWindow');

//periodical message sender
setInterval(function(){
    var message = 'Hello!  The time is: ' + (new Date().getTime());
    console.log('blog.local:  sending message:  ' + message);
    myPopup.postMessage(message,domain); //send the message and target URI
},6000);

//listen to holla back
window.addEventListener('message',function(event) {
    if(event.origin !== 'http://scriptandstyle.com') return;
    console.log('received response:  ',event.data);
},false);

---

上面的示例代码取自David Walsh。

显示您的尝试。查看AngularJS。我只是搜索了一下，但没有找到任何线索：（我只是对javascript有点了解。@尼尔你想打开一个新选项卡，并且该选项卡内的输入框应该包含数据，还是应该将数据发送到现有选项卡？@ref\u bullent它应该发送到一个新选项卡。感谢你的快速响应。但有一件事我没有正确理解：接收者是否需要使用小提琴单击发送方小提琴时打开？或者发送方小提琴在单击按钮后自动打开RC小提琴？方法

窗口中的第二个参数。打开
“\u blank”
（这也是默认值，但在此处用于演示），打开一个新的空白页，例如一个新的标签。是的，发送者小提琴通过按下按钮打开RC小提琴。如果我没有任何权限编辑RC页面，我该怎么办？我的意思是只通过编辑发送者小提琴来做这件事。它没有。这是一个问题…你在你的问题中没有提到。哇，那个演示就是我想要的！但不同的是站点：（@Inptbx-也许这就是你需要的-就这样！请你把它作为答案发布，这样我就可以把它标记为最佳答案了？谢谢！@Inptbx-刚刚发布了我的跨域答案
$('#rec').val(window.location.search.split('data=')[1]);

//create popup window
var domain = 'http://scriptandstyle.com';
var myPopup = window.open(domain + '/windowPostMessageListener.html','myWindow');

//periodical message sender
setInterval(function(){
    var message = 'Hello!  The time is: ' + (new Date().getTime());
    console.log('blog.local:  sending message:  ' + message);
    myPopup.postMessage(message,domain); //send the message and target URI
},6000);

//listen to holla back
window.addEventListener('message',function(event) {
    if(event.origin !== 'http://scriptandstyle.com') return;
    console.log('received response:  ',event.data);
},false);