0

如果以前有人问过这个问题 - 请原谅我，我找不到。

我正在使用 javascript 将 HTML 文档 AJAXing 到 div。这段代码是一个简化。

Chrome-23 和 FF-8 使用 ietest.css 文件呈现 HTML，但 IE-9 没有。使用 iframe 而不是 div 会很困难。

欢迎任何建议。

谢谢，约翰在多伦多

<!--
Style sheet contents:
p.bu1 {color: Blue; font-size:2em; font-weight:bold;}
p.rd1 {color: Red;  font-size:2em; font-weight:bold;}
-->

<html>
<head>
<script>
function write_doc()
{
  document.getElementById('div').innerHTML = "<link rel='stylesheet' type='text/css' href='ietest.css?v=1'>\
   <p class='bu1'>BLUE</p><p class='rd1'>RED</p>";
}
</script>
</head>
<body>
<div id='div' onclick='write_doc()'>Click Me</div>
</body>
</html>
4

1 回答 1

0

谢谢蒂姆，

我找到了解决方法。

我在查询页面中加载了一个 CSS 文件（涵盖了大多数引用的样式），然后在将其发送到 div 之前，在 HTML 字符串中添加对其类之一的引用。

例如

在 CSS 文件中： ... span.ie_dummy {font-size: 0.1em;} ...

脚本：

var archdoc = "<span class='ie_dummy'> </span>" + xmlhttp.responseText;

（  必须使用，空格字符不起作用。）

这需要我合并存档中的所有 CSS 文件并消除任何歧义。我很想给 IE 用户留下无样式的文本。也许他们会切换浏览器。

于 2012-12-04T14:15:51.740 回答