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

查看:61
本文介绍了如何将数据从父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窗口传递到弹出窗口的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆