Javascript AJAX交换HTML_Javascript_Html_Css_Ajax

Javascript AJAX交换HTML

javascript html css ajax

Javascript AJAX交换HTML,javascript,html,css,ajax,Javascript,Html,Css,Ajax,所以我希望屏幕从一个HTML切换到另一个HTML，这是我的JS代码。每当我按下按钮，屏幕就会变成空白我试图创建多个HTML页面，并使其在按下按钮时切换到下一个页面。请帮忙 JS 原始HTML <head> <meta charset="UTF-8"> <title>Number Game</title> <link rel = "stylesheet" href = "style

所以我希望屏幕从一个HTML切换到另一个HTML，这是我的JS代码。每当我按下按钮，屏幕就会变成空白

我试图创建多个HTML页面，并使其在按下按钮时切换到下一个页面。请帮忙

原始HTML

<head>
  <meta charset="UTF-8">
  <title>Number Game</title>
  <link rel = "stylesheet" href = "stylesheet.css">
</head>
<body>
  <div id = "firstScreen">

    <h1 id ="Title" class = "title">
      The<br>Number Game
    </h1>

    <div class = "start_button">
      <h3 class = "start">START
        <input type = "image" placeholder = "START" src = "button.png" class = "button1"  onclick = "loadScreen()">
      </h3>
    </div>
  </div>

</body>
<script src = "Main.js"> </script>
</html>


数字游戏

数字游戏
开始

HTML2，我正试图将其更改为

<html>
<head>
  <meta charset="UTF-8">
  <title>Number Game</title>
  <link rel = "stylesheet" href = "stylesheet.css">
</head>
<body>

  <div id="Screen2">
    <p> Hello World</p>
  </div>


  <script src = "Main.js"> </script>

</body>
</html>


数字游戏
你好，世界

使用Visual Studio代码和Live Server插件解决了这个问题

您是如何运行html页面的？是否使用服务器？@rensothherin否，不使用服务器。只需使用simple server单击.html文件，我就可以打开它normally@rensothearin哦，所以如果我使用一个简单的服务器来测试它，它会正常工作吗？谢谢，我将不得不尝试，如果你使用Visual Studio代码，你可以很容易地安装Live Server插件。然后使用Live Server运行html文件。您是如何运行html页面的？是否使用服务器？@rensothherin否，不使用服务器。只需使用simple server单击.html文件，我就可以打开它normally@rensothearin哦，所以如果我使用一个简单的服务器来测试它，它会正常工作吗？谢谢，我将不得不尝试，如果你使用Visual Studio代码，你可以很容易地安装Live Server插件。然后使用Live Server运行html文件。

<html>
<head>
  <meta charset="UTF-8">
  <title>Number Game</title>
  <link rel = "stylesheet" href = "stylesheet.css">
</head>
<body>

  <div id="Screen2">
    <p> Hello World</p>
  </div>


  <script src = "Main.js"> </script>

</body>
</html>