javascript - 使用 javascript 绘制页眉/页脚包括和 document.write

Question

我们庞大的公司网站使用 javascript 在每个页面上使用 document.write 绘制页眉/页脚。这使我们能够非常轻松地从一个地方维护我们网站的“皮肤”。这种方法多年来一直为我们服务。

然而，最近我们在使用 IE 时遇到了重大困难。问题似乎源于标题 javascript 打开一个由页脚脚本关闭的标签。页眉和页脚用于将主体“包裹”在一系列提供适当皮肤的 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 include 将核心内容“包裹”在额外的 div 中是否合理？
• 谁能指出使用这种技术的任何高质量、高流量的网站？
• 这项技术有名字吗？

Answer 1

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