如何使用js重定向到位于文件夹内的同一目录中的另一个html文件？

Question

这是 index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <form id="form-marksheet">
        <div class="name">
            <p>Name</p>
            <input type="text">
        </div>
        <div class="roll-no">
            <p>Roll No.</p>
            <input type="text">
        </div>
        <div class="subject-english">
            <p>Marks for English</p>
            <input type="text"> 
        </div>
        <div class="subject-science">
            <p>Marks for Science</p>
            <input type="text"> 
        </div>
        <div class="subject-math">
            <p>Marks for math</p>
            <input type="text"> 
        </div>
        <div class="btn-trigger-update">
            <button onclick="updateScreen()">Get your marksheet</button>
        </div>
    </form>
    <script src="script.js"></script>
</body>
</html>

和js文件


// Global variables

const student_name = document.getElementById("name")
const roll_no = document.getElementById("roll-no")
const english = document.getElementById("subject-english")
const science = document.getElementById("subject-science")
const math = document.getElementById("subject-math")

// Functions

function updateScreen() {
    
}

因此，当调用 updateScreen 时，基本上当按下get your marksheet的标记表时，我想重定向到另一个名为 ms.html 的文件，该文件与 index.html 位于同一目录中。 是的，这一切都在一个名为input-page的文件夹中。 我试过location.href = "ms.html" ， location.assign(ms.html) 。 他们两个都不工作。 谁能告诉我如何使用 js 重定向到另一个 html 文件？

这里也是 style.css

/* Font imports */

@import url('https://fonts.googleapis.com/css2?family=Anek+Latin:wght@600&family=Kanit:wght@300&family=Open+Sans&family=PT+Sans&family=Poppins:wght@300;500&family=Roboto+Mono:wght@700&family=Smooch+Sans:wght@300;900&family=Source+Sans+Pro&display=swap');

/* Styling */

* {
    margin: 0;
    overflow: hidden;
    font-family: 'Poppins', sans-serif;
}

html, body { height: 100%; }
body {text-align: center;}
form {display: inline-block;}

这不是必需的，但我还是给了。

Answer 1

您应该能够使用：

window.location.href = "ms.html";

这是对类似文章的参考，其中包含更多详细信息： Jumping to a new HTML page with JavaScript

如何使用js重定向到位于文件夹内的同一目录中的另一个html文件？

问题描述

1 个解决方案

解决方案1
0 2022-07-11 17:32:40

如何使用js重定向到位于文件夹内的同一目录中的另一个html文件？

问题描述

1 个解决方案

解决方案1 0 2022-07-11 17:32:40

解决方案1
0 2022-07-11 17:32:40