javascript - 将站点导航 HTML 导入所有页面的最简单方法是什么？

Question

我现在面临的主要挑战之一是想出一种优雅的方式来在一个文件中创建一个 HTML“模块”，该文件将部署到我的所有网站(即版权语言、网站导航、EEO 声明等)但我我知道 HTML 导入仍在开发中，并且仅适用于选择加入 Chrome 36 或更高版本的用户。

是否有使用 JavaScript 的解决方案，我可以在其中创建包含 HTML 的字符串并将其部署为页面的有机部分？以浏览器兼容的方式对 CSS 做同样的事情 (http://webdesign.about.com/cs/css/qt/tipcssatimport.htm) 怎么样？

示例代码如下:

<'ul>
  <'li><'a href="#">Learn to Code<'/a><'/li>   
  <'li><'a href="#">Current Projects<'/a><'/li>
  <'li><'a href="#">Future Projects<'/a><'/li>
  <'li><'a href="#">Get in Touch<'/a><'/li>
<'/ul>

我知道我可以使用 JavaScript 重做所有事情，但继续使用 HTML 或其他直观感觉的东西会非常好。

Answer 1

Is there a solution using JavaScript where I can create a string that contains HTML and deploy it as an organic part of my pages?

document.write在外部<script>会那样做。不过这太可怕了，你最好还是使用 a build time template system or a server side include or template system .

And what about doing the same for CSS in a way that will be browser compatible

@import和 <link>新旧浏览器都很好地支持。您链接到的文章警告说“Netscape 4.x 和 IE 3.x”是古老的，并且在这十年内没有任何重要用途。