使用javascript将值推送到上一页

使用javascript将值推送到上一页,javascript,html,Javascript,Html,我想只使用javascript从另一个页面提取一个值。我尝试在页面之间使用公共javascript文件,但失败了。。。下面是一个例子 第1页: 1.第1页上的文本字段(1)(其为空) 2.第1页上的按钮(1) 第2页: 1.第2页的文本字段(2) 2.第2页上的按钮(2) 工作: 1.在按钮(1)上单击第1页,将打开一个新窗口,即第2页,旧窗口将保持完整(不会关闭) 2.打开新窗口后,我在第2页的文本字段(2)中输入了一些文本 2.单击第2页上的按钮(2),文本字段(2)中输入的值应插入第1页的

我想只使用javascript从另一个页面提取一个值。我尝试在页面之间使用公共javascript文件,但失败了。。。下面是一个例子

第1页: 1.第1页上的文本字段(1)(其为空) 2.第1页上的按钮(1)

第2页: 1.第2页的文本字段(2) 2.第2页上的按钮(2)

工作: 1.在按钮(1)上单击第1页,将打开一个新窗口,即第2页,旧窗口将保持完整(不会关闭) 2.打开新窗口后,我在第2页的文本字段(2)中输入了一些文本 2.单击第2页上的按钮(2),文本字段(2)中输入的值应插入第1页的文本字段(1)

注意:如果可以使用JQuery,那么如果javascript不起作用,这是我的第二选择


查看此图:

首先,正如Josh提到的,jQuery只是一个用javascript编写的库。其次,假设您正在新窗口中打开第二个页面,您希望使用javascript进行跨窗口通信。发出window.open调用时,它将返回新打开窗口的句柄:

var windowHandle = window.open(....);
windowHandle.doStuff() 
您可以使用此句柄将数据传递到另一个窗口,例如,查看以下文章:


希望这有帮助

假设两个页面都来自同一个域,您可以使用从
page2
引用
page1

window.opener.document.getElementById("textfield1").value
    = document.getElementById("textfield2").value;

虽然我不明白你为什么不在textbox1中输入文本,而不是从#2中复制它

不要打开新窗口,而是将此“第二页”中的内容放在第一页(注意元素名称重叠)中,该页包含在声明为隐藏的div中。单击第一个按钮后,使div可见。单击第二个按钮后,将文本从第二个框设置为第一个框,然后重新隐藏div


这一切都可以用javascipt简单地完成,而使用jquery(仍然是javascript)则更简单。

因为它缺少:jquery解决方案

父页面上的脚本:

$("#button1").click(function () {
    window.open(url, "title", "width=400,height=400");
    return false;
});
子页面上的脚本:

$("#button2").click(function () {
    window.opener.$("#textbox1").val($("#textbox2").val());
    return false;
});

jQuery是javascript。为什么这么难理解?