gpt4 book ai didi

javascript - 使用 javascript 在弹出窗口中填充父窗口中的值

转载 作者:行者123 更新时间:2023-12-03 08:11:10 24 4
gpt4 key购买 nike

我有一个带有链接的 jsp 页面。

<a href="PopUp.jsp" target="_blank" id="popUp">View</a>

单击链接时,PopUp.jsp 将在另一个窗口中打开。

我想用第一个 jsp 中的值填充此窗口。

示例:父级.jsp

<input type="text" id="name"/>
<input type="text" id="city"/>
<a href="PopUp.jsp" target="_blank" id="popUp">View</a>

PopUp.jsp

<script>
function setThis(){
document.getElementById("pname").value=document.getElementById("name").value;
document.getElementById("pcity").value=document.getElementById("city").value;
}
</script>
<body onload="setThis();">
<input type="text" id="pname"/>
<input type="text" id="pcity"/>
</body>

我不明白为什么它不起作用。我的代码有问题吗?

最佳答案

您可以使用window.open方法并使用该方法返回的对象来访问新的窗口实例。返回的对象可用于访问新窗口的属性和方法,前提是它符契约(Contract)源策略安全要求。

假设您已将 jQuery 加载到您的页面(如果没有,您可以使用普通 javascript 将您的点击事件连接到您的代码。使用 onclick 事件)

$(function(){

$("#popUp").click(function(e){

e.preventDefault();

var url="url to the new page here";

var newWindow = window.open(url);

var pname="read from this page";
var pcity="read from this page";

newWindow.setThis(pname,pcity);

});

});

更新您的 setThis 以接受这些值

function setThis(pname,pcity)
{
.// do something
}

关于javascript - 使用 javascript 在弹出窗口中填充父窗口中的值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34139462/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com