Question

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

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

的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>

home.html的

<h1>Home</h1>

按钮Go to Home按fetch加载home.html，页面不会重新加载，它会模拟SPA体验。还有另一种方法可以使用 Javascript 吗？

感谢。

Answer 1

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

单页Web应用程序（SPWA） 可以通过vanilla HTML5，CSS3 JavaScript和服务器端语言（如PHP，Python等）来实现。您应该尝试制作一个或两个项目只使用HTML5，CSS3，JavaScript和您的服务器端爱的语言（PHP对于大多数初学者来说更容易）。然后你应该学习快速原型设计和开发的框架。您可以学习AngularJs，ReactJs，Bootstrap，Materialise CSS，Laravel等，并深入了解Web开发的世界。总有一种方式可以去你喜欢的方式。

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

1 个答案: