将 iframe 的内容类型更改为 xml 以显示 xml 并通过 DOM 操作它

Question

我想使用 JavaScript 执行以下操作：

1. 构建 XML 文件
2. 在 iframe 中显示它
3. 通过 DOM 操作内容

我正在构建一个 XML 编辑器，但在 iFrame 中显示 xml 时遇到问题。

这是我目前正在使用的代码。

function previewContent(what){//changes the content of an iFrame
    var tsite = document.getElementById('xmlinside').contentDocument;
    tsite.open();
    tsite.contentType('text/xml');
    tsite.writeln(what);
    tsite.close();
}

function makeXML(){
    var tester = '<?xml version=\"1.0\" encoding=\"ISO-8859-1\"?>\
    <bookstore>test</bookstore>';
    previewContent(tester);
}

如果没有 tsite.contentType('text/xml')，iframe 只会显示 test。

当我检查源代码时，它仍然是 HTML 格式，并添加了行 test 添加了 xml 版本作为注释。

我希望它像没有样式表的浏览器一样显示。我知道如果没有与之关联的格式，Safari 会将其显示为原始 xml 文件。这将是完美的。是内容类型搞乱了吗？这就是为什么我尝试更改它，但这是错误的代码。任何帮助都会很棒！

Answer 1

需要记住的一些事情...

1.) 如果它是通过 AJAX 加载的内容，您将需要使用 application/xml 媒体类型/mime，并且第一个元素必须具有名称空间。 2.

<div id="root_most_ajax_element" xmlns="http://www.w3.org/1999/xhtml">
<p>ajax content</p>
</div>

) 永远不要使用innerHTML（和框架，因为它们严重依赖innerHTML），尤其是永远不要将它与加载AJAX加载的内容结合使用，微软专有的方法不能正确注册DOM，所以你会看到代码是在那里，但它并不真正在那里使您的代码在那时完全不可靠。如果使用 JavaScript，请使用 importNode 方法加载 AJAX 加载的内容（您可以将其导入到 div 元素中，而不是使用 iframe）。

3.) 如果 iframe 不是从同一个域加载的，您将无法（也不应该）访问 iframe 的 (X)HTML，因此，如果它是从第三方网站加载的，请忘记它，否则您可以说操作文本并发现他们的信息（电话、电子邮件等，如果他们登录了某​​些内容）。

如果您满足这三个条件，您应该能够像不涉及 iframe 或 AJAX 一样使用代码。