从 HTML 文件加载 DIV 标记答案

【问题标题】：Loading a DIV tag from HTML file从 HTML 文件加载 DIV 标记
【发布时间】：2015-09-21 04:13:51
【问题描述】：

我试图通过在我的 NavBar 中选择链接时加载 DIV 标记来摆脱 FRAME 标记（用于加载“file1.html”target="ContentFrame"）。我现在将单个页面分为两个 DIV 标记。顶部的 DIV 标记是我的导航栏，它可以完美地将 html 文件加载到 FRAME 中，但现在我尝试加载 HTML 文件（在删除所有额外的 HTML 标记，如 HTML、HEAD、BODY 等之后......）到第二个 DIV 标签称为“内容”。下面的代码很好用，除了一件事......我需要在第一次加载页面时将“home.html”的内容加载到 DIV id="content" 中。如果先点击不同的链接，它将加载，然后返回主页链接。但我也需要在加载时显示它。

    <li><a href="#home">Home</a></li>
    <li><a href="#officers">Officers</a></li>

    <div id="content"></div>

<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script type="text/javascript"> 
    var includeDiv = $("#content");
    $(window).on('hashchange', function() {
        var href = location.hash.slice(1) +".html";
        includeDiv.load(href);
    });
</script>

【问题讨论】：

不是重复的。我忘了指定 home.html 需要在旧问题的加载时加载到内容 div 中。我已指定其他一切正常，但现在我需要修复负载。
尝试将“load”添加到事件字符串$(window).on('hashchange load',
添加了加载，我认为您可能走上了正确的道路，但是如何指定加载时要包含的文件？
“添加了负载，我认为您可能走上了正确的道路，但是如何指定要在加载时包含哪个文件？” ？请参阅 OP “首次加载页面时，我需要将“home.html”的内容加载到 DIV id="content" 中。” ？将变量href 更改为“home.html”？

标签： javascript jquery html css

【解决方案1】：

<script type="text/javascript"> 
$( window ).load(function() {
    var includeDiv = $("#content");
        var href = location.hash.slice(1) +".html";
        includeDiv.load(href);
    });
</script>

尝试在窗口的加载事件中执行此操作

【讨论】：