使用 ".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>元素的子元素(反之不成立)

无论如何，我都要避免客户端包含，以支持更可靠的东西。