Javascript 将html页面分成多个部分

我正在尝试将部分包含到HTML页面中，例如页眉和页脚（就像我们在RubyonRails中所做的那样）。页眉和页脚保存在两个不同的HTML页面中。我试图用jquery或javascript将它们包含到我的所有页面中

下面是我的代码，但似乎没有什么工作

这是我想包含这些部分的页面

<div id="result"></div>
<script>
    $(document).ready(function(){
        $( "#result" ).load( "sections/header.html #targetDiv" );
    });
</script>

$（文档）.ready（函数（）{
$（“#result”）.load（“sections/header.html#targetDiv”）；
});

header.html：

<nav id="targetDiv">
    <div>...</div>
</nav>

...

您是否尝试在浏览器中查看开发人员工具，以查看是否报告了错误。我刚刚签出。这是XMLHttpRequest无法加载的错误file:///C:/address.../sections/header.html. 跨源请求仅支持协议方案：http、data、chrome、chrome extension、https、chrome-extension-resource.send@jquery-1.10.2.js:8706Got。。我用的是谷歌浏览器。它只是在firefox中工作。谢谢