javascript - IE6 和 IE7 搞乱了由 JavaScript 生成的动态 HTML

Question

我想知道我的 IE6 和 IE7 是否弄乱了由 JavaScript 生成的动态 HTML(与 FancyBox 和 jQuery 一起使用)。

例如:

var html = '<a href="#fancyBoxContent" class="fancybox"></a>';
document.getElementById('container').innerHTML = html;

而不是用' <a href="#fancyBoxContent" class="fancybox"></a> 填充容器'，它变成'<a href="http://website.com/#fancyBoxContent" class="fancybox"></a >'.

任何有效的 HTML/CSS 类型，但 IE6 和 IE7 认为“奇数”都被搞砸了。我可以用 DOM 元素创建 HTML，但是虽然这个例子很简单，但这意味着我更复杂的代码将导致 javascript 复杂和长很多倍。此外，交叉兼容成为一个问题，而且并不总是能够控制生成的 HTML 代码的确切语法。因此，为什么我以这种方式使用 javascript 创建动态 HTML，DOM 元素和构建器破坏了我尝试生成的许多有效 HTML/CSS。

有什么解决办法吗？

Answer 1

我不可能知道这个特定问题。不过，它应该不会造成任何问题。在行为方面，http://website.com/foo#fancyBoxContent 和 #fancyBoxContent 是相同的，因为当前页面的 URL 是 http://website.com/foo.