如何将数据从父 html 窗口传递到弹出窗口-前端问题

How to pass data from Parent html window to pop-up window(如何将数据从父 html 窗口传递到弹出窗口)

本文介绍了如何将数据从父 html 窗口传递到弹出窗口的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我正在尝试将一些数据从父窗口传递到 html 中的弹出窗口.

I am trying to pass some data from parent window to pop up window in html.

下面是我的代码-

<html>
<head>
<script type="text/javascript">
function init()
{
    popupWin = window.open('','popupWin','');
    popupWin.document.writeln('<html><head><title>test</title></head><body><form><input type="text" id="popupTextBox"/></form></body></html>');
    popupWin.document.close();
    popupText = popupWin.document.getElementById("popupTextBox");
    parentText = document.getElementById("parentTextBox");
}
function transferText()
{
    popupText.value = parentText.value
}
</script>
</head>
<body>
<input type="text" id="parentTextBox"/>
<input type="button" onclick="init();"/>
</body>
</html>

但不知何故，我无法使用上述代码将该文本框数据传递给弹出窗口.这有什么问题吗?

But somehow I am not able to pass that textbox data to popup window with the above code. Is there any problem with this?

一般来说，我正在尝试将一些数据从父窗口传递到弹出窗口.

In general, I am trying to pass some data from parent window to popup window.

推荐答案

你忘了调用 transferText()
调用 transferText() 后，文本被传输...

You forgot to call transferText()
After calling transferText() the text was transferred...

<html>
<head>
<script type="text/javascript">
function init()
{
    popupWin = window.open('','popupWin','');
    popupWin.document.writeln('<html><head><title>test</title></head><body><form><input type="text" id="popupTextBox"/></form></body></html>');
    popupWin.document.close();
    popupText = popupWin.document.getElementById("popupTextBox");
    parentText = document.getElementById("parentTextBox");
    transferText();
}
function transferText()
{
    popupText.value = parentText.value
}
</script>
</head>
<body>
<input type="text" id="parentTextBox"/>
<input type="button" onclick="init();"/>
</body>
</html>

这篇关于如何将数据从父 html 窗口传递到弹出窗口的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！