如何将数据从父 html 窗口传递到弹出窗口
时间：2023-09-30
本文介绍了如何将数据从父 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 窗口传递到弹出窗口的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持跟版网！
layer.open打开的页面关闭时，父页面刷新的方法layer.open打开的页面关闭时，父页面刷新的方法，在layer.open中添加： end: function(){ window.parent.location.reload();//关闭open打开的页面时，刷新父页面 }