如何导航到html中的其他页面？答案

【问题标题】：How to navigate to other page in html?如何导航到html中的其他页面？
【发布时间】：2023-01-13 01:55:29
【问题描述】：

我是 phpand html 和 javascript 的专家，如果需要，我想用 html 和 php 和 javascript 创建一个登录系统，但这是一个问题，我不知道如何在登录后导航到其他页面（我之前尝试使用 header() 但失败了，因为它必须 beedn 但在代码的前面而不是之后。

这是开始登录代码

<?php
session_start();
?>
<!DOCTYPE HTML>
<html>  
<body>

<form action="welcome.php" method="post">
Name: <input type="text" name="name"><br>
Password: <input type="text" name="password"><br>
<input type="submit">
</form>

</body>
</html>

它叫做 index.php

这是名为 welcome.php 的登录过程页面

<?php
session_start();
?>
<html>
<body>
<p id="demo">hello</p>
<?php

$namee=fopen("name.txt", "r") or die("Unable to open file!");
$passworde=fopen("password.txt", "r") or die("Unable to open file!");

$name=fgets($namee);
$password=fgets($passworde);

$savename = fopen("savename.txt", "w");
$savepassword = fopen("savepassword.txt", "w");

$nameinput = $_POST["name"];
$passwordinput = $_POST["password"];

if ($name == htmlspecialchars($_POST["name"]) AND $password == htmlspecialchars($_POST["password"])) {
  echo $_POST["name"];
  echo $_POST["password"]; 
  fwrite($savename, $_POST["name"]);
  fwrite($savepassword, $_POST["password"]);
} else {
  echo "permission denied";
}
?>
<p id="dem">awef</p>
<script>
  window.alert(5 + 6);
  document.getElementById("demo").innerHTML = "wtf";
  var nameinput=<?php $_POST["name"]?>;
  var passwordinput=<?php $_POST["password"]; ?>;
  var name=<?php $name; ?>;
  var password=<?php $password; ?>;
  var closesavename=<?php fclose($savename); ?>;
  var closesavepassword=<?php fclose($savepassword); ?>;
  function jump{
    location.replace("https://MobileWigglyImplementation.gepingyi.repl.co/mainpage.php")
}
  if (nameinput == name AND passwordinput == password) {
    closesavename
    closesavepassword
    jump()
    exit()
    
</script>
</body>
</html>

这是我要导航到的页面，称为 mainpage.php

<?php
// We need to use sessions, so you should always start sessions using the below code.
session_start();
// If the user is not logged in redirect to the login page...
$openname = fopen("savename.txt", "r");
$openpassword = fopen("savepassword.txt", "r");
$readname = fgets($openname);
$readpassword = fgets($openpassword);
$namee=fopen("name.txt", "r") or die("Unable to open file!");
$passworde=fopen("password.txt", "r") or die("Unable to open file!");
$name=fgets($namee);
$password=fgets($passworde);

if ($readname == $name AND $readpassword == $password) {
  echo "good";
  fclose($openname);
  fclose($openpassword);
  fclose($namee);
  fclose($passworde);
} else {
  fclose($openname);
  fclose($openpassword);
  fclose($namee);
  fclose($passworde);
  echo "erro";
}  
echo "good bro";
?>

<!DOCTYPE html>
<html>
<body>

<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>

</body>
</html>

这个 naem.txt

james

这是密码.txt

当我输入 james 作为名称和 123456 作为密码时，输出是这样的

hello

james123456
awef

我期待它跳转到 mainpage.php

【问题讨论】：

您的 jump 函数不是函数。仔细检查你的语法。现在也是开始使用浏览器的调试工具来观察错误和调试 JavaScript 代码的好时机。
比你的回答你能告诉我我该如何解决吗
多看看你的 JavaScript 代码，它是充满错别字和语法错误.老实说，您会想要丢弃这段 JavaScript 代码并重新开始。查阅一些介绍性的 JavaScript 教程，开始学习该语言的语法和结构。在开发代码时，实施和测试/验证一一次功能。只有当您确认该功能按预期工作时，您才会继续进行下一个。显示的代码没有简单的修复方法，它在很多很多方面都是完全无效的。

标签： javascript php html cakephp-helper

【解决方案1】：

您可以使用标头进行重定向。见下文：

    if ($name == htmlspecialchars($_POST["name"]) AND $password == htmlspecialchars($_POST["password"])) {
    echo $_POST["name"];
    echo $_POST["password"];
    fwrite($savename, $_POST["name"]);
    fwrite($savepassword, $_POST["password"]);
    header("refresh:1; mainpage.php"); //Additional line here
}

【讨论】：