Javascript 单页网站-这是一个好方法吗？_Javascript_Html_Single Page Application

Javascript 单页网站-这是一个好方法吗？

javascript html

Javascript 单页网站-这是一个好方法吗？,javascript,html,single-page-application,Javascript,Html,Single Page Application,我有一个网站，我想在我的静态网站上模拟一个单页应用程序。他只有5页没有后端调用以下是我在谷歌上看到的一种方式： index.html <body> <a href ="#" onclick="load_home()">Go to Home</a> <div id="content"> <h1>I will be substitute to the homepage</h1> </div> <scr

我有一个网站，我想在我的静态网站上模拟一个单页应用程序。他只有5页没有后端调用

以下是我在谷歌上看到的一种方式：

index.html

<body>
<a href ="#" onclick="load_home()">Go to Home</a>
<div id="content">
    <h1>I will be substitute to the homepage</h1>
</div>
<script>
    function load_home(){
      fetch('home.html')
        .then(function(response) {
            // output response.text(): <h1>home</h1>
            document.getElementById("content").innerHTML = response.text() 
        })
    }
</script>
</body>

<h1>Home</h1>


我将取代主页
函数加载_home（）{
fetch（'home.html'）
.然后（功能（响应）{
//输出响应。text（）：home
document.getElementById（“内容”）.innerHTML=response.text（）
})
}

home.html

<body>
<a href ="#" onclick="load_home()">Go to Home</a>
<div id="content">
    <h1>I will be substitute to the homepage</h1>
</div>
<script>
    function load_home(){
      fetch('home.html')
        .then(function(response) {
            // output response.text(): <h1>home</h1>
            document.getElementById("content").innerHTML = response.text() 
        })
    }
</script>
</body>

<h1>Home</h1>

主页

按钮

转到主页

通过

获取

加载Home.html，页面将不会重新加载，它将模拟SPA体验。使用Javascript还有其他方法可以做到这一点吗

谢谢。

您提供的示例只是整个概念的一个字母表。这很好，但当您开始向Web应用程序添加功能时，这对于单页Web应用程序（SPWA）来说是不够的

单页Web应用程序（SPWA）可以通过普通HTML5、CSS3 JavaScript和服务器端语言（如PHP、Python等）实现。您应该尝试只使用HTML5、CSS3、JavaScript和您的爱的服务器端语言创建一个或两个项目（PHP对大多数初学者来说更容易）。然后，您应该学习快速原型和开发的框架。您可以学习AngularJs、ReactJs、Bootstrap、MaterializeCSS、Laravel等，并深入了解web开发的世界。你爱走的路总是不止一条。

是的；有很多方法可以建立水疗中心。您应该使用React这样的框架。你还不明白什么？这是一种没有任何框架的SPA构建方式。但我不知道这是不是一个好办法。是吗？请使用或类似的库。你的建议似乎半生不熟，有很多缺点。没有JavaScript它就无法工作，搜索引擎可能无法对其进行爬网，没有深度链接（即没有书签，没有共享，你无法在新选项卡中打开页面），浏览器历史记录不起作用，……是的，你可以只使用AJAX请求进行非常简单的SPA。正如我所说，它是一个静态网站，永远不会是一个网络应用。但是谢谢你的回答！：）