Question

我有一个非常简单的网页表单，其中包含两个输入字段和一个提交按钮。

我想要做的是保存插入的两个字符串并重定向到我的其他HTML文件（位于同一文件夹中）。

HTML：

<!DOCTYPE html>
<html>
<title>Players enter</title>
<head>
<script type="text/javascript" src="ticTac.js"></script> 
<link rel="stylesheet" type="text/css" href=styleSheet.css></link>

</head>
<body>
 <form >
      player one name: <input type="text" id="firstname"><br>
      player two name: <input type="text" id="secondname"><br>
      <input type="submit" onclick="checkNames();"/>
</form>

</body>
</html>

JavaScript的：

function checkNames(){
    var nameOne = document.getElementById("firstname").value;
    var nameTwo = document.getElementById("secondname").value;
    //window.location.href = 'C:\Users\x\Desktop\hw3\tic\Game.html';
    //window.location.replace("C:\Users\x\Desktop\hw3\tic\Game.html");
    window.location.assign("C:\Users\x\Desktop\hw3\tic\Game.html");
}

我已经评论了我尝试的其他两个选项，这些选项也无效。

Answer 1

要重定向到计算机中的某个页面，您可以使用：

window.location.href = 'file:///C:/Users/x/Desktop/hw3/tic/Game.html';

将值传递给另一个页面的方法不止一种。以下是使用查询字符串的示例。

在包含值的页面中。

var q = '?nameOne=' + encodeURI(nameOne) + '&nameTwo=' + encodeURI(nameTwo)
window.location.href = 'file:///C:/Users/x/Desktop/hw3/tic/Game.html' + q;

在接收值的页面中。

var nameOne = location.search.slice(1).split("&")[0].split("=")[1];
var nameTwo = location.search.slice(1).split("&")[1].split("=")[1];

Answer 2

您正在使用HTML表单...这意味着您的提交按钮将会触发并尝试提交您的表单。

为了防止这种情况，您需要阻止该事件触发。对JavaScript函数进行简单修改就可以了。

which java

Answer 3

使用 window.location的= “URL”;

使用JavaScript保存var并重定向到URL

3 个答案: