javascript - HTML 5 页面导航

Question

在不使用任何服务器端脚本语言的情况下，在 HTML5 网页之间导航的首选方式是什么？Jquery 会是一个不错的选择吗？

考虑一个用户登录并登陆主页。主页包含许多用于导航到其他页面的链接。

编辑 1

我需要通过 AJAX 与服务器通信以执行一些操作并在网页之间传递变量和数据。但我不能使用 JSP 或 PHP 来动态创建 HTML。

Answer 1

要链接到 HTML5 中的不同页面，请使用此代码。

<a href="url to your page">link 1 </a> 
<a href="url to your page">link 1 </a> 
<a href="url to your page">link 1 </a> 

Answer 2

HTML

<nav>
  <a href="index.html">Index</a>
  <a href="contact.html">Contact</a>
</nav>
<section id="content"></section>

jQuery

$(function(){
  $('nav a').on('click', function(e) {
    var htmlFile = $(this).attr('href');
    e.preventDefault();
    $('#content').load(htmlFile);
  });
});

Answer 3

我会说锚标签是这样做的最佳选择，因为它们通用且灵活的 DOM 使用：

<a href="www.site.com/page1.html">Page 1</a>
<a href="www.site.com/page2.html">Page 2</a>
<a href="www.site.com/page3.html">Page 3</a>

如果用户将登录，那么您将必须使用脚本语言（如 PHP）并与 MySQL 建立数据库连接。

jQuery 有一个非常容易使用的 AJAX 实现。

Answer 4

听起来您想创建一个从第三方服务获取数据的单页应用程序？

我会推荐Sammy.js来拦截路由，并推荐jQuery来进行实际的 ajax 调用。

如果你正在做很多动态内容动态内容我也推荐Knockout.js

Answer 5

非常适合使用将是：

<a href="page1.html">Page 1</a>
<a href="page2.html">Page 2</a>
<a href="page3.html">Page 3</a>

它比使用这个更快：

<a href="http://domain.com/page1.html">Page 1</a>

当然，您需要将 html 子页面 (page1...) 放在与 index.html 相同的文件夹中。