javascript - 使用 ".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>元素（反之则不然）

无论如何，我会避免客户端包含更可靠的东西。