如何将数据从父html窗口传递到弹出窗口

时间:2013-07-09 22:01:08

标签: javascript html popup

我正在尝试将一些数据从父窗口传递到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>

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

一般情况下,我试图将一些数据从父窗口传递到弹出窗口。

1 个答案:

答案 0 :(得分:3)

您忘记致电transferText()了 致电transferText()后,文字已转移......

<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>