Javascript 使用另一个html页面替换html页面的内容

我试图避免重复我的html页面模板的标题、侧边栏信息

因此，我考虑使用用户

innerHTML

动态替换内容。但是，我不想将整个目标html放在同一个页面的

innerHTML

下，因为这将是以后调试或维护的噩梦

那么，有没有办法在

innerHtml

中指定另一个页面链接并将内容分开

举个例子

<script type="text/javascript">
     function replacePage(page){
      var ele = document.getElementById('page-wrapper'); ele.innerHTML = "<div>hey vik</div>";
     }
    </script>

函数替换页（第页）{
var ele=document.getElementById（'page-wrapper'）；ele.innerHTML=“hey vik”；
}

---

我正在寻找是否可以将

innerHTML

值指定为某个.html文件名，并将

hey vik

移动到那里。

好的，伙计们，我最后使用jquery完成了这项工作。我所做的不是加载内容部分，而是将静态部分移动到一个.html文件中，然后通过jquery作为

$（函数（）{

$（“#includedContent”）.load（“navbar.html”）； })

我需要对其进行rander的地方如下所示

<div id="includedContent"></div>

---

好了，伙计们，我最终使用jquery来完成这项工作。我所做的不是加载内容部分，而是将静态部分移动到一个.html文件中，然后通过jquery作为

$（函数（）{

$（“#includedContent”）.load（“navbar.html”）； })

我需要对其进行rander的地方如下所示

<div id="includedContent"></div>

这就是用于签出Mustache的模板库。js：如果没有任何其他库等，这还不够简单？这就是开始使用服务器端代码的地方。你应该尝试任何不是PHP的东西。你可以存储所有的“其他”html值为Javascript，或者您可以点击服务器端代码以获得答案。但与大多数在服务器端滚动的东西一样，您必须稍微注意安全性。这就是Check out Mustache的模板库。js：没有任何其他库，这还不够简单吗？这就是开始使用服务器si的地方ded代码将派上用场。你应该尝试任何不是PHP的东西。你可以将所有“其他”html值存储为Javascript，或者你可以点击服务器端代码以获得答案。但是，与大多数在服务器端运行的东西一样，你只需稍微注意安全性。