1. <div class="head">
    2. <a href="html/html.html">html</a>
    3. <a href="html/css.html">css</a>
    4. </div>
    5. <div id="app">
    6. </div>
    7. <div class="footer">
    8. footer
    9. </div>
    10. <script>
    11. /*
    12. return false 阻止a标签的跳转
    13. */
    14. /*
    15. load()加载服务器上的数据
    16. */
    17. var htmls = ["1.创建一个标签.html","3.锚点跳转"];
    18. $("#app").load(htmls[0])
    19. $(".head a").click(function () {
    20. $("#app").load(htmls[$(this).index()])
    21. return false;
    22. })
    23. </script>