使用javascript include和document.write绘制页眉/页脚

Question

我们庞大的公司网站使用javascript在每个页面上使用document.write绘制页眉/页脚。这使我们可以非常轻松地从一个地方维护我们网站的“皮肤”。这种方法已经有好几年了。

但是，最近我们遇到了IE的主要困难。这个问题似乎源于标题javascript打开一个由页脚脚本关闭的标记。页眉和页脚用于将身体“包裹”在一系列div中，这些div提供适当的皮肤。

与此同时，我们在页面正文中发生了许多花哨的dom操作。 IE现在正在大声抱怨并经常抱怨我们在关闭之前尝试修改dom元素，如下所示：

网页错误详情

用户代理：Mozilla / 4.0（兼容; MSIE 8.0; Windows NT 5.1; Trident / 4.0; .NET CLR 2.0.50727） 时间戳：2012年1月3日星期二22:20:28 UTC

Message: HTML Parsing Error: Unable to modify the parent container element before the child element is closed (KB927917)
Line: 0
Char: 0
Code: 0
URI: http://dev.site.com/business_portal_test.jsp

有些问题：

• 使用javascript包含“包装”核心内容的其他div合理方法吗？
• 任何人都可以指向使用此技术的任何高质量，高流量网站吗？
• 这种技术有名字吗？

Answer 1

这种方法的主要问题在于它会使您网站的整个布局依赖于javascript，这完全违背了公认的最佳做法。使用服务器端的包含或母版页的概念，您可以轻松实现相同级别的可维护性。除非有非常具体的理由这样做，否则JS不应该真正用于您网站的布局或外观。