1

我通过单击按钮将具有以下结构的完整 html（见下文骨架）页面加载到另一个 html 页面中。

    <!--START:HTML to be loaded by ajax-->
<head>
<!--START: The content inside this head tag is not processed while the page is loaded via ajax-->
    <link rel="stylesheet" type="text/css" href="css/rrr.css" media="screen, projection, print" />
    <script>
        ...
    </script>
    <script type="text/javascript" src="aaas/xxxx.js"></script>
<!--END: The content inside this head tag is not processed while the page is loaded via ajax-->
</head>

<div id="content">
    <!--Page content on which the above script tags inside head tag to act-->
</div>
<!--END:HTML to be loaded by ajax-->

在safari 5.0.1和5.0.2版本中，head标签里面的内容是不被解析的，但是html里面的内容在所有的IE、FF和chrome和safari 5.1.2中都会被解析。并且 id 等于“内容”的 div 内的内容显示在所有浏览器中，包括 safari 5.0.1 和 5.0.2。请帮助我。在此先感谢。

4

2 回答 2

0

LINK 元素只能在文档的 HEAD 中使用。

从参考：

与 A 不同，它可能只出现在文档的 HEAD 部分，尽管它可能出现多次。

因此，您可以将其加载到 a iframe（包含文档）中，但不能加载到 a 中div，除非浏览器不遵循规范。

在您的情况下，最简单的解决方法可能是使用iframe. 请注意，css 不适用于父文档。

于 2012-08-29T11:22:49.823 回答
0

使用documentFragment 存储 responseText，然后执行以下步骤：

  • 去掉不应该应用的 CSS
  • 将脚本标签移动到正文中
  • 移除head标签
  • 将结果附加到父页面
于 2013-06-05T17:18:32.360 回答