IFrame:document.write()VS iframe.src ='data:text / html'

时间:2018-08-16 14:48:53

标签: javascript html iframe loading document.write

我进行了一些研究,获得了关于document.write()和appendChild()的许多信息,但从未获得有关Iframe实现的信息。我知道两种方法一直都在使用,没人能告诉我哪种方法更好,为什么。

问题:这两种实现(仅)有什么优点/缺点?

  • 使用document.write方法:

    iframe.document.open(); iframe.document.write(htmlCode); iframe.document.close();

  • 使用iframe.src数据方法:

    iframe.src = 'data:text/html;charset=utf-8,' + encodeURI(htmlCode);

我看到的对HTML进行编码并将其直接包含到IFrame中的唯一好处是,我不必等待 iframe.document 已加载。

请注意,在我的项目中,我总是在空的IFrame上进行编写,并且必须尽快执行IFrame中包含的脚本。它可以是多个HTTP请求,也可以只是简单的操作。

请注意,我需要使用 top-context IFrame-context 之间的后消息与iframe进行通信(因为它们是友好的iframe,因此不应问题)。

谢谢。

0 个答案:

没有答案