gpt4 book ai didi

javascript - 在一个 HTML 页面中输入值,其他 html 页面会动态显示该值,无需每次都重新输入值

转载 作者:行者123 更新时间:2023-11-28 07:59:01 28 4
gpt4 key购买 nike

要求

  1. 为一个 html 页面中的字段添加值。
  2. 提交。
  3. 应在另一个 html 页面上显示该值。
  4. 第一页上的任何更新都应更新第二页,而不是打开新页面。

我写了一些 HTML,如下所示。发生的情况是,一旦我按下提交,它就会在同一窗口中打开另一个页面(page2.html)。我想要的是有两个 html 窗口,每当我更新主页时,它应该反射(reflect)在同一页面上。 (page2.html)

Home.html
<code>

<html>
<form target="_blank" type=get action="page2.html">
<table>
<tr>
<td>OrderID:</td>
<td><input type=text name=orderId size=10></td>
</tr>
<tr>
<td colspan=2><input type=submit value="Submit"></td>
</tr>
</table>
</form>
</html>

page2.html

<code>

<html>
<script LANGUAGE="JavaScript">
function getParams(){
var idx = document.URL.indexOf('?');
var params = new Array();
if (idx != -1) {
var pairs = document.URL.substring(idx+1, document.URL.length).split('&');
for (var i=0; i<pairs.length; i++){
nameVal = pairs[i].split('=');
params[nameVal[0]] = nameVal[1];
}
}

return params;
}
params = getParams();
firstname = unescape(params["orderId"]);
document.write("OrderID = " + firstname + "<br>");
</script>
</html>

最佳答案

将参数初始化为空对象而不是数组:

var params = {};

这将允许您使用字符串和其他值作为键。

声明变量时请确保包含 var:

var params = getParams();

var firstName = unescape(params["orderId"]);

对于学习来说很好,但尽量不要使用 document.write。最好使用:https://developer.mozilla.org/en-US/docs/Web/API/Node.appendChild 。在这种情况下,您可以通过执行以下操作将其添加到正文中:

var p = document.createElement("p");
p.innerHTML = "OrderID = " + firstname;
document.body.appendChild(p);

除此之外,您的代码看起来不错。如果您仍然遇到问题,请发表评论。使用 firebug 或 chrome 的控制台来发布任何错误。

关于javascript - 在一个 HTML 页面中输入值,其他 html 页面会动态显示该值,无需每次都重新输入值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25665070/

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