链接多个html页面答案

【问题标题】：Linking multiple html pages链接多个html页面
【发布时间】：2016-01-05 07:46:44
【问题描述】：

我用过引导导航 nav-pills nav-justified

我有 7 个

<li><a href="form.html">Form</a></li>

我已经能够单击将重定向到表单页面的表单，但是如果不返回浏览器，我似乎无法返回我的主页。我希望能够只单击我之前提到的 7 <li>s 中包含的主页按钮。我也希望能够从导航栏选项卡跳转到每个页面。

<div class="header">
    <div class="container">
        <ul class="nav nav-pills nav-justified">
            <li><a href "#">Home</a></li>
            <li><a href "#">About</a></li>
            <li><a href "#">JavaScript</a></li>
            <li><a href "#">JQuery</a></li>
            <li><a href="AngularJS.html">AngularJS</a></li>
            <li><a href "#">API</a></li>
            <li><a href="form.html">Form</a></li>
            <li><a href "#">Contact</a></li>
        </ul>
    </div>
</div>

所以从上面看，当我点击表单时，我在表单页面上，但除非我点击浏览器，否则我无法返回主页（index.html），我希望能够链接到所有通过相互单击列出。

【问题讨论】：

标签： html css twitter-bootstrap

【解决方案1】：

考虑使用 Ajax 动态加载不同的页面（与 jQuery 关联，据说使用起来更简单）以获得所需的行为，或者将所有内容放在单个页面上，然后只有当用户点击 JS 和 CSS 的链接时才显示内容。

一旦您使用 Bootstrap 元素，您的项目中可能已经包含 jQuery。

有用的链接：

查看这个页面jQuery.get有一个非常示范的例子

$.get("demo_test.asp", function(data, status)
{
    alert("Data: " + data + "\nStatus: " + status);
});

where data - 从服务器接收到的数据。替换内容应该是你的html代码。

插入数据使用：

$.('#Content').html(data);   //id="Content" is from the comment

【讨论】：

我打算在我的其他网页上使用 AJAX，但我不希望这些导航栏是 ajax，你能告诉我我需要在我的代码中包含什么才能让我们说，从主页选项卡到表单选项卡，然后从表单选项卡返回主页选项卡，而无需单击浏览器。
使用 AJAX，您可以将页面的一部分替换为 id="Content"，在其中显示您向客户端显示的所有内容使用从服务器接收的数据而无需重新加载整个页面。因此，显示的内容会发生变化，但用户仍停留在同一页面上。
大家好，我已经上传了一个word文件（s000.tinyupload.com/index.php?file_id=94011560737596238178），里面有我的投资组合+代码的截图，请看一下，然后给我想要的答案，非常感谢提前和消息如果您需要更清楚我在问什么
@Jim41Mavs 如果你想返回主页，请将href="#" 替换为href="index.html"
我只在我的 index.html 文件中保留了 href="#"，但是我确实在所有其他页面上将其更改为 href="index.html"，我将在我的索引中更改它.html 主页文件，当我回到家时，我会告诉你哥们（我目前正在工作）

【解决方案2】：

如果您在本地主机中执行此操作，并且您创建了这些文件，我发现当您单击主页时会出现 404 页面，您唯一需要做的就是将主页文件链接到主页按钮，如果我'我错了评论我并解释你的问题，然后我会帮助你。

【讨论】：

嗨，s000.tinyupload.com/index.php?file_id=94011560737596238178 更多详细信息，非常感谢您的帮助。