Javascript 从一个HTML页面到另一个HTML页面的表单数据_Javascript_Html_Forms

Javascript 从一个HTML页面到另一个HTML页面的表单数据

javascript html forms

Javascript 从一个HTML页面到另一个HTML页面的表单数据,javascript,html,forms,Javascript,Html,Forms,我必须使用Java脚本将表单数据从一个HTML页面（test.HTML）传递到另一个页面（test1.HTML）。PHP不能使用，因为我们还没有研究过，也不允许这样做。我能够传递并打印数据，但它被打印在同一页（test.html）上，而我想在test1.html上打印它。你能帮我找出问题所在吗？我已经附上了HTML代码和Javascript <body> <form onsubmit="results();" action="test1.html" method="ge

我必须使用Java脚本将表单数据从一个HTML页面（test.HTML）传递到另一个页面（test1.HTML）。PHP不能使用，因为我们还没有研究过，也不允许这样做。我能够传递并打印数据，但它被打印在同一页（test.html）上，而我想在test1.html上打印它。你能帮我找出问题所在吗？我已经附上了HTML代码和Javascript

<body>
    <form onsubmit="results();" action="test1.html" method="get">
        What is your name?
        <input id="f1" type="text" name="name" required /><br />
        What is your Father Name?
        <input id="f2" type="text" name="fname" required />
        Gender:
        <select name="gender">
            <option id="m" value="Male" selected>Male</option>
            <option id="f" value="Female">Female</option>
            <option id="o" value="Others">Other</option>
        </select>
        Date of Birth*: <br />
        <input type="date" id="b1" name="bday" required><br /><br />
        <input id="submit" type="submit" />
    </form>
    <script src="./response.js"></script>
</body>


你的名字叫什么？


你父亲叫什么名字？
性别：
男性
女性
其他
出生日期*：

Java脚本：

function results() {
    var name = document.getElementById('f1').value;
    var fname = document.getElementById('f2').value;
    if (document.getElementById('m').selected) {
        gender = document.getElementById('m').value;
    }
    else if (document.getElementById('f').selected) {
        gender = document.getElementById('f').value;
    }
    else {
        gender = document.getElementById('o').value;
    }
    var dob = document.getElementById('b1').value;
    document.write("Here is the Summary of Your Results");
    document.write("Your Name Is: ");
    document.write(name + "<br/>");
    document.write("Your Father Name Is: ");
    document.write(fname + "<br/>");
    document.write("Your Gender Is: ");
    document.write(gender + "</br>");
    document.write("Your Date of Birth Is: ");
    document.write(dob + "</br>");

函数结果（）{
var name=document.getElementById（'f1'）。值；
var fname=document.getElementById（'f2'）。值；
if（document.getElementById（'m'）。选中）{
性别=document.getElementById（'m'）。值；
}
else if（document.getElementById（'f'）。选中）{
性别=document.getElementById（'f'）。值；
}
否则{
性别=document.getElementById（'o'）。值；
}
var dob=document.getElementById（'b1'）。值；
记录。写下（“这是你的结果摘要”）；
写下（“你的名字是：”）；
文件。写（名称+“
”）；
写下（“你父亲的名字是：”）；
文件。写入（fname+“
”）；
写下（“你的性别是：”）；
文件。书写（性别+“
”；
写下（“你的出生日期：”）；
文件。写入（dob+“
”；

您应该从表单中删除

onsubmit

事件，在html1.html文件中，您可以使用

URLSearchParams

，这很容易从url获取查询参数

const urlParams = new URLSearchParams(window.location.search);
const myParam = urlParams.get('myParam');

我建议使用查询字符串，并在

test1.html

上的本地脚本中解析它们。