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