我有两个 HTML 页面:firstpage.html 和 secondarypage.html。在firstpage.html中,有一个表单- 第一页.html:
<!DOCTYPE html>
<html>
<head>
<title>Form Filling</title>
</head>
<body>
<form action="secondpage.html" method="GET">
Enter Serial Number: <input type="number" name="serialNumber" />
<input type="submit" value="Submit" />
</form>
</body>
</html>
第一页数据被发送到第二页.html。我想在 secondarypage.html 中显示和使用表单数据serialNumber- 第二页.html:
<!DOCTYPE html>
<html>
<head>
<title>Display</title>
</head>
<body>
<form name="selva" action="thirdpage.html">
<input type="hidden" name="kumar">
</form>
<script type="text/javascript">
var locate=window.location;
document.selva.kumar.value=locate;
var text=document.selva.kumar.value;
function pass(str)
{
point=str.lastIndexOf('=');
return(str.substring(point+1,str.length));
}
document.write("Serial Number" + pass(text));
</script>
</body>
</html>
现在我可以将serialNumber变量从firstpage.html传递到secondpage.html,以便第二页.html中的上述代码将显示序列号,并且我希望在第三页中具有相同的序列号- 第三页.html:
<!DOCTYPE html>
<html>
<head>
<title>Repeating</title>
</head>
<body>
<form method="link">
Enter Serial Number2: <input type="number" name="burns" />
<input type="submit" value="Submit" />
</form>
</body>
</html>
请告诉如何打印所有这些页面中的数据?
最佳答案
我能找到的最简单的方法是将所有三个页面写入一个 html 文件中,并根据条件显示它们。这样您就不需要使用本地存储。
其他方法是使用查询参数。您可以简单地学习如何使用它们。这是简单的 javascript 处理的查询参数插件的链接:
http://jillix.github.io/url.js/
您可以将序列号作为查询参数传递给另一个 html。如果您对如何使用此方法感到困惑,请告诉我,我会详细告诉您。
关于javascript - 在 javascript 中将数据从一个对象传递到另一个对象,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40372814/