Question

我正在通过在按钮点击事件上加载div元素内的HTML页面来创建单页面应用程序。

例如：

function loadHome(){
         document.getElementById("home-pane").innerHTML='<object type="text/html" data="pages/home.html"></object>';                 
         $("#about-pane").hide();
         $("#blog-pane").hide();
         $("#forum-pane").hide();
         $("#contact-pane").hide();
         $("#home-pane").show();  
};

因此，应用程序的URL不会改变。在单页应用程序的情况下，我担心我不符合获得Google广告的资格。请建议我一个替代解决方案，以便我能够在不同的点击事件（主页，关于，联系人，博客等）上生成不同的URL，并能够通过单独的链接访问这些页面。

我对所有这些都很陌生，但我很乐意实施你所有的建议并赚取额外的收入来源。

Answer 1

正如@Rory在评论中所建议的那样，您可以使用History API

我要做的是，onclick只是pushState历史记录的新网址然后附加一个在URL更改时触发的侦听器。该监听器将查看URL并根据它来决定要呈现的“页面”。

单页应用程序问题

1 个答案: