Javascript windows.location无法重定向到其他html文件
我正在尝试从start.html重定向到index.html,因为单击了输入类型submit。但这对我不起作用 这是my start.html的外观:Javascript windows.location无法重定向到其他html文件,javascript,html,node.js,Javascript,Html,Node.js,我正在尝试从start.html重定向到index.html,因为单击了输入类型submit。但这对我不起作用 这是my start.html的外观: 登录V16 输入您的姓名并提交 *必填字段 功能访问(){ var url=“js/Index.html”; 窗口位置(url); } var input=document.getElementById(“input100”); input100.addEventListener(“键控”,函数(事件){ 如果(event.keyCode
登录V16
输入您的姓名并提交
- *必填字段
-
功能访问(){
var url=“js/Index.html”;
窗口位置(url);
}
var input=document.getElementById(“input100”);
input100.addEventListener(“键控”,函数(事件){
如果(event.keyCode===13){
event.preventDefault();
//document.getElementsByClassName(“登录按钮”)。单击();
}
});
所需函数(){
var-empt=document.forms[“form1”][“text1”].value;
如果(空==“”){
警报(“请输入一个值”);
返回false;
}否则{
localStorage.setItem('username',document.getElementById('input100').value)
访问()
返回true;
}
}
```
location不是一个方法,而是一个属性。因此,不要像您正在做的那样调用函数(这是不正确的): 您必须简单地设置它的值,如下所示:
window.location = url;
编辑:您的代码有更多问题。更改表单上的onsubmit属性,使其看起来像这样(在函数名称之前添加return):
在required()方法的else语句中,也返回false。这将阻止表单提交,该表单将优先于visit()尝试执行的操作
更新代码,该代码有效:
<html>
<head>
<title>Login V16</title>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="js/css/main.css"> </head> <html> <body>
</head>
<body>
<div class="mail">
<h2>Input your Name and Submit</h2>
<form name="form1" action="#" onsubmit="return required()">
<ul>
<li><input id="input100" type='text' name='text1' /></li>
<li class="rq">*Required Field</li>
<li>
<input type="submit" />
</ul>
</form>
</div>
<script>
function visit() {
var url = "js/Index.html";
window.location = url;
}
var input = document.getElementById("input100");
input100.addEventListener("keyup", function (event) {
if (event.keyCode === 13) {
event.preventDefault();
// document.getElementsByClassName("login-button").click();
}
});
function required() {
var empt = document.forms["form1"]["text1"].value;
if (empt == "") {
alert("Please input a Value");
return false;
} else {
localStorage.setItem('username', document.getElementById('input100').value)
visit()
return false;
}
}
</script>
</body>
</html>
登录V16
输入您的姓名并提交
- *必填字段
-
功能访问(){
var url=“js/Index.html”;
window.location=url;
}
var input=document.getElementById(“input100”);
input100.addEventListener(“键控”,函数(事件){
如果(event.keyCode===13){
event.preventDefault();
//document.getElementsByClassName(“登录按钮”)。单击();
}
});
所需函数(){
var-empt=document.forms[“form1”][“text1”].value;
如果(空==“”){
警报(“请输入一个值”);
返回false;
}否则{
localStorage.setItem('username',document.getElementById('input100').value)
访问()
返回false;
}
}
window.location不是方法,而是属性。因此,不要像您正在做的那样调用函数(这是不正确的):
您必须简单地设置它的值,如下所示:
window.location = url;
编辑:您的代码有更多问题。更改表单上的onsubmit属性,使其看起来像这样(在函数名称之前添加return):
在required()方法的else语句中,也返回false。这将阻止表单提交,该表单将优先于visit()尝试执行的操作
更新代码,该代码有效:
<html>
<head>
<title>Login V16</title>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="js/css/main.css"> </head> <html> <body>
</head>
<body>
<div class="mail">
<h2>Input your Name and Submit</h2>
<form name="form1" action="#" onsubmit="return required()">
<ul>
<li><input id="input100" type='text' name='text1' /></li>
<li class="rq">*Required Field</li>
<li>
<input type="submit" />
</ul>
</form>
</div>
<script>
function visit() {
var url = "js/Index.html";
window.location = url;
}
var input = document.getElementById("input100");
input100.addEventListener("keyup", function (event) {
if (event.keyCode === 13) {
event.preventDefault();
// document.getElementsByClassName("login-button").click();
}
});
function required() {
var empt = document.forms["form1"]["text1"].value;
if (empt == "") {
alert("Please input a Value");
return false;
} else {
localStorage.setItem('username', document.getElementById('input100').value)
visit()
return false;
}
}
</script>
</body>
</html>
登录V16
输入您的姓名并提交
- *必填字段
-
功能访问(){
var url=“js/Index.html”;
window.location=url;
}
var input=document.getElementById(“input100”);
input100.addEventListener(“键控”,函数(事件){
如果(event.keyCode===13){
event.preventDefault();
//document.getElementsByClassName(“登录按钮”)。单击();
}
});
所需函数(){
var-empt=document.forms[“form1”][“text1”].value;
如果(空==“”){
警报(“请输入一个值”);
返回false;
}否则{
localStorage.setItem('username',document.getElementById('input100').value)
访问()
返回false;
}
}
只需使用
window.location.href= url
简单使用
window.location.href= url
您的代码有更多问题,请参阅我的更新答案。自从用户尝试刷新index.html以来,有没有技巧如何将用户从index.html重定向到start.html(用户的起始站点)?您的代码有更多问题,请参阅我的更新答案。有没有技巧如何将用户从index.html重定向到start.html(为用户启动站点)因为他尝试刷新index.html?