我有一个网站，我想在我的静态网站上模拟单页应用程序。他只有 5 页没有后端调用。
这是我在谷歌上看到的一种方式：
索引.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>
首页.html
<h1>Home</h1>
该按钮Go to Home加载主页.html按fetch，页面不会重新加载，它将模拟SPA体验。有没有另一种方法可以用Javascript做到这一点？
谢谢。
您提供的示例只是整个概念的字母表。这很好，但当您开始向 Web 应用程序添加功能时，对于单页 Web 应用程序 (SPWA( 来说还不够。
单页Web应用程序(SPWA( 可以通过vanilla HTML5，CSS3 JavaScript和服务器端语言(如PHP，Python等(来实现。你应该尝试只使用HTML5，CSS3，JavaScript和你喜欢的服务器端语言来制作一两个项目(PHP对于大多数初学者来说更容易(。然后，您应该学习快速原型设计和开发的框架。您可以学习AngularJs，ReactJs，Bootstrap，Materialize CSS，Laravel等，并深入了解Web开发的世界。总有不止一条路，但去你喜欢的。