问题 - 在 Windows Mobile 6.1 - IE Mobile6 上使用 Javascript 将动态 HTML 设置为 iFrame

Question

（对不起，如果这不是发帖的正确论坛 - 我找不到任何与非本机编程相关以及与此主题相关的内容）

我正在尝试将动态 HTML 设置到网页上的 iFrame 中。我尝试了一些方法，但似乎都不起作用。我可以读取innerHTML，但似乎无法更新它。

// Able to read using 
document.getElementById('iFrameIdentifier').innerHTML;

// On Desktop IE, this code works 
document.getElementById('iFrameId').contentWindow.document.open();
document.getElementById('iFrameId').contentWindow.document.write(dynamicHTML);
document.getElementById('iFrameId').contentWindow.document.close();

理想情况下，相同的功能应该与 div 的工作方式相同，但它说“对象不支持此方法或属性”。

我也尝试过 document.getElementById('iFrameId').document.body.innerHTML。

这显然取代了 document.getElementById

我尝试了一些方法，但它们不起作用

• ('iFrameId').body.innerHTML
• document.frames[0].document.body.innerHTML

我的目的是拥有一个可以包含为其设置的动态 HTML 的容器元素，

直到现在我观察到由于 onClicks 或其他 JS 方法，在 div 上设置 innerHTML 所花费的时间越来越长。附加到动态 HTML 中的锚点和图像的 JS 方法或 HTML 似乎无法正确清理（内存泄漏？）

也正在讨论 - http://www.experts-exchange.com/Programming/Languages/Scripting/JavaScript/Q_26185526.html#a32779090

Answer 1

我尝试了一些方法，但似乎都不起作用。

欢迎来到 IEMobile！您所了解的有关 DOM 脚本的知识都不适用于此处。

不幸的是，跨 iframe 脚本在 IEMobile6-7 中似乎不可能。

• frameelement.contentDocument（标准 DOM 方法）不可用
• frameelement.contentWindow.document（IE6-7 解决方法版本）不可用
• 旧式 Netscape < code>window.frames 数组仅适用于框架，而不是 iframe
• ，子文档将其 document 对象传递给 window.parent 仅适用于框架，不是 iframe。在 iframe 中，window.parent===window。

所以我能看到的唯一方法是：

1. 使用框架而不是 iframe。可恶的。或者，
2. 使用 document.cookie 在父级和子级之间进行通信：子文档只是一个脚本，它在轮询器上检查 document.cookie 中的特定 cookie，并且当它发现这是来自父级的消息时，它可以编写一些 HTML 或其他内容。又慢又恶心。或者，
3. 使用服务器端将内容注入到框架中，将其作为参数传递给脚本。缓慢、令人讨厌，而且可能缺乏安全感。或者，
4. 完全避免使用框架（如果可以的话最好）。或者，
5. 放弃对 IEMobile6-7 的支持（如果你能摆脱它的话，这最能保持你的理智！）

似乎 JS 方法或 HTML 没有得到正确清理（内存泄漏？）

的，可能。 IEMobile6-7(*) 在动态 HTML 中几乎无法使用。它让您领略到 Netscape 4 天前我们这些可怜的 git 编写脚本的感觉。

尽量避免创建和销毁大量节点和事件处理程序。尽可能保持页面静态，尽可能重用元素节点，并设置文本节点数据属性，而不是拆除所有内容并使用 createElement 或 innerHTML 重新创建。如果您需要从 JavaScript 设置事件处理程序，请优先在 HTML 中使用事件存根 (onclick="return this._onclick()") 并写入 _onclick使用新的事件处理程序重新创建 HTML（或者只是尝试设置属性，这当然在 IEMobile 中不起作用）。尽可能避免长时间运行的单页。

它仍然会崩溃，但希望需要更长的时间。

*：即 WinMo 6.1.4 之前的 IE 版本，其中它成为无限更好的 IEMobile8，营销为“Internet Explorer Mobile 6”（感谢 Microsoft）。

Answer 2

好的，我解决了之前遇到的问题，以及将 HTML 设置为 IEMobile 上的 iFrame 的更大问题。但我还有一个与双滚动条相关的 PIA - 我目前正在研究它。似乎有更多可怜的人面临着类似的问题——如果我也解决这个问题的话。我将在这里发布更新。

我最终是如何在 IEMobile 上写入 iFrame 的？
有 2 个 div，一个用于包装 iFrame，另一个用于在 iFrame 内写入。

document.getElementById('OuterDiv').innerHTML = '';
document.getElementById('OuterDiv').innerHTML = '<iframe id="iFrameId" src="somefile.html"></iframe>';

这每次都会创建一个 iFrame，并且在加载时的 somefile.html 中有一个 InnerDiv.innerHTML ，它似乎不会泄漏内存。

在 somefile.html 中，将有一个 onLoad 方法，它将获取 HTML（下面解释我如何设法获取它）并执行

document.getElementById('InnerDiv').innerHTML = dynamicHTML;

我如何设法在父 iFrame 和子 iFrame 之间传递 HTML
正如 @bobince 之前所解释的那样，必须依赖第三方服务（例如 cookie 或服务器）在父 iFrame 和子 iFrame 之间传递数据。

事实上，我使用 ActiveXControl 分别从父 iFrame 和子 iFrame 的 javascript 设置和获取数据。如果您必须为此引入 ActiveX 控件，我不建议您这样做。我无意中已经有了一个，我用它来获取动态 HTML。

如果您需要任何帮助，可以私信我 - Twitter @Swaroop

感谢 @bobince 的帮助。我将这个标记为答案，因为它说明了我为解决问题所做的事情。