javascript - 如何检查 iframe 中的文本字段是否为空？

Question

这个问题几乎概括了这一点。我正在尝试做一些类似于 Gmail 的事情，如果您在文本字段中输入了内容，那么网站会提示您确认是否要离开该页面。

但是如果相关文本字段位于 iframe 中怎么办？显然我可以为 iframe 分配一个 id，但是有没有任何 javascript 命令或其他命令可以检查 iframe 中的字段是否为空？这可能吗？

编辑: iframe 源和嵌入 iframe 的页面来自同一域。

Answer 1

var value = document.getElementById('iframeID').contentDocument
                    .getElementById('theTextBoxId').value;

是的，这是可能的，您只需要访问 <iframe>文档包含 contentDocument .

From the DOM iframe element, scripts can get access to the window object of the included HTML page via the contentWindow property. The contentDocument property refers to the document element inside the iframe (this is equivalent to contentWindow.document), but is not supported by Internet Explorer versions before IE8.

Scripts trying to access a frame's content are subject to the same-origin policy, and cannot access most of the properties in the other window object if it was loaded from a different domain.

MDN