如何在单个页面中制作交互式网页？

【问题标题】：How to make interactive web pages within a single page?如何在单个页面中制作交互式网页？
【发布时间】：2015-12-10 23:35:43
【问题描述】：

例如，this site 保持在 main.html 内，即使在页面内单击时也是如此。将显示/隐藏不同元素的所有内容保留在页面中的过程是什么？

顺便使用 Bootstrap。

谢谢！

【问题讨论】：

标签： twitter-bootstrap-3 single-page-application

【解决方案1】：

一种方法是使用 jQuery 根据计时器或用户点击事件显示和隐藏各种 div。

例如你可以有这个 HTML

<div id="home">Hello. <a href="#" onclick="gotoPage2(); return false;">Page 2</a></div>
<div id="page2" style="display:none;">Page 2. <a href="#" onclick="gotoHome(); return false;">return Home</a></div>

<script>
    function gotoPage2() {
        $("#home").hide();
        $("#page2").show();
    }

    function gotoPage2() {
        $("#page2").hide();
        $("#home").show();
    }
</script>

【讨论】：