Question

假设我有一个名为homepage.html的主页，当我点击“关于”部分，而不是转到另一个页面about.html时，是否可以在homepage.html中呈现about.html？基本上脱掉所有的homepage.html，它变成了about.html。

我在考虑使用JavaScript，如果点击“关于”，它会.remove删除homepage.html的所有元素，然后使用.createElement创建“关于”的元素”。但是，我不确定这是否是最佳方法。这样做有什么好处？

我正在做的原因是我正在制作游戏，当我点击“开始”，“单人游戏”等时我不想去不同的页面，我只想留在同一页面上。

对不起，如果听起来有点混乱，请告诉我你是否需要澄清。

感谢。

Answer 1

为了简化（添加/删除内容），我建议您使用AngularJS作为框架，因为它比从头创建所需的所有功能要容易得多。

Answer 2

您可以使用ajax加载about.html的数据，然后使用document.body.innerHTML更改页面元素。

这是一个简单的例子，使用jquery：

$.ajax({
    url:'about.html',
    dataType:"text",
    type:"get",
    success:function(data){
        document.body.innerHTML = data;
    }
});

Answer 3

是的，您需要单页应用程序。 Javascript会做得很好。特别是如果它是游戏，你必须100％定制用户界面。没有页面跳跃。

创建一个主包装器。在主包装器中创建单独的页面，以便在按钮单击时显示或生成。使用javascript没问题。

您也可以使用ajax调用