使用“.innerHTML =（”“）创建通用导航;

Question

我在js方面很新，但我基本上想要做的是使用innerHTML方法创建一个通用导航，所以我不必替换整个html内容。我可以在多个页面上运行脚本，并在编辑脚本时更改导航的所有链接。我用jsfiddle编写了一个我想做的微型版本。我的目的是从外部.js文件运行脚本，但为了演示目的，我直接插入了脚本。

<script>document.getElementById("navigation").innerHTML=
              ("<a href="index.html"><li>home</li></a>
                <a href="portfolio.html"><li>portfolio</li></a>
                <a href="resources.html"><li>resources</li></a>
                <a href="projects.html"><li>projects</li></a>");
</script>

http://jsfiddle.net/auk2/sR6aM/

Answer 1

• 您不能在JavaScript字符串文字
中包含文字换行符
• 您不能在由其分隔的字符串中包含未转义的"个字符
• <li>元素可能不是<a>元素的子元素（反之则不然）

无论如何，我都会避免客户方支持something more reliable。