Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何通过JavaScript链接两个页面?_Javascript_Html - Fatal编程技术网

如何通过JavaScript链接两个页面?

如何通过JavaScript链接两个页面?,javascript,html,Javascript,Html,我创建了两个网页,我想将它们连接起来……除了通过JavaScript(我知道如何在HTML中实现)之外,第一个页面应该像密码屏幕一样,防止未成年用户进入。我已经创建了一个粗略的代码,但我不知道如何使它们正确链接。以下是到目前为止我得到的信息: <!DOCTYPE html> <html> <head> <!-- this is how you add a code comment--> <title> Entrance Page &

我创建了两个网页,我想将它们连接起来……除了通过JavaScript(我知道如何在HTML中实现)之外,第一个页面应该像密码屏幕一样,防止未成年用户进入。我已经创建了一个粗略的代码,但我不知道如何使它们正确链接。以下是到目前为止我得到的信息:

<!DOCTYPE html>

<html>

<head>
<!-- this is how you add a code comment-->
<title> Entrance Page </title>

</head>

<body bgcolor="#CEF6F5">

<form>

<h2 align=center><u> Please fill out the following information to proceed to the festival: </u></h2>

<br><br>First Name:<input type="text" name="First Name" id="first">    Last Name:<input type="text" 
name="Last Name" id="last">

<br><br> age:<select name="age" id="age">
<option value="1"> below 10 </option>
<option value="2"> 10 </option>
<option value="3"> 11 </option>
<option value="4"> 12 </option>
<option value="5"> 13 </option>
<option value="6"> 14 </option>
<option value="7"> 15 </option>
<option value="8"> 16 </option>
<option value="9"> 17 </option>
<option value="10"> 18 </option>
<option value="11"> 19 </option>
<option value="12"> 20 </option>
<option value="13"> above 20 </option>

</select>


</form>

<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>

<p align="center"> <button type="submit" onclick="run()"> Submit </button> </p>

<a href="Cost%20of%20an%20Event.html" id="pass"> </a>
<a href="Cost%20of%20an%20Event%20Entrance%20page.html" id="block"> </a>

<p><p id="p1">  </p>

<script>
    
    var firstName = document.getElementById("first").value 
    var lastName = document.getElementById("last").value
    var age = document.getElementById("age").value
    var isNum = " ";
    
    isNum = isNum + isNaN(firstName)
    
    function run () {
        var firstName = document.getElementById("first").value 
        var lastName = document.getElementById("last").value
        if (age < 10 ) {
        window.alert("your too young to enter in this event!")//go back to Entrance page
    } else if (age > 10) {
        window.alert("welcome to the Oktoberfest website!");
        document.getElementById("pass").value//go to main website
    } else if (age == 10) {
        window.alert("lucky! you are just barely old enough to join!")
        document.getElementById("pass").value//go to main website
    }
}

    
    if (isNum == true) {
        window.alert("your name cannot be a number");    
    }//go back to Entrance page

    
    while (firstName.length ==0) {
        window.alert ("you didn't enter a first name ")
        document.getElementById("block").value//go back to Entrance page
        
    while (lastNamet.length ==0) {
        window.alert ("you didn't enter a last name ")
        document.getElementById("block").value//go back to Entrance page
        

</script>

</body>


</html>

入口页
请填写以下信息以继续参加节日:


名:姓:

年龄: 10岁以下 10 11 12 13 14 15 16 17 18 19 20 20岁以上















提交

var firstName=document.getElementById(“first”).value var lastName=document.getElementById(“last”).value var age=document.getElementById(“age”).value var isNum=“”; isNum=isNum+isNaN(名字) 函数运行(){ var firstName=document.getElementById(“first”).value var lastName=document.getElementById(“last”).value 如果(年龄<10岁){ window.alert(“您的年龄太小,无法参加此活动!”)//返回入口页面 }否则,如果(年龄>10岁){ window.alert(“欢迎访问啤酒节网站!”); document.getElementById(“pass”).value//转到主网站 }否则,如果(年龄==10){ window.alert(“幸运!你才刚到加入的年龄!”) document.getElementById(“pass”).value//转到主网站 } } 如果(isNum==true){ window.alert(“您的名字不能是数字”); }//返回入口页面 while(firstName.length==0){ window.alert(“您没有输入名字”) document.getElementById(“block”).value//返回入口页面 while(lastNamet.length==0){ window.alert(“您没有输入姓氏”) document.getElementById(“block”).value//返回入口页面
您可以执行以下操作:

window.location.href=“your next page.html”;
//或

window.location.replace(“your next page.html”)
这是否回答了您的问题?谢谢您的推荐,但我的代码由于某种原因仍然无法正常工作。您知道可能是什么问题吗?@BennetSchmidt您遇到了什么错误?@amar我的提交按钮没有做任何事Hello@BennetSchmidt,我试图编辑您的代码以使其运行->。while在您的sc中循环cript没有右大括号,因此出现语法错误。添加右大括号后,它将无限运行。我将while循环更改为ifs,因为我相信您添加了用于输入验证的代码。