blocks|key|2033359|text|about:blank|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|2033360|是一个空白的"URL“。总是很清楚的|unstyled|2033361|你可以设置这个页面的源代码，它将会被清除。|2033362|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|L|8|@]|9|@]|A|$]]|$1|G|3|H|5|F|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|F|7|N|8|@]|9|@]|A|$]]]|J|$]]

<pre><code>about:blank
</code></pre>

<p>is a "URL" that is blank. It's always clear</p>

<p>You can set the page's source to that, and it will clear.</p>


blocks|key|1819919|text|var+iframe+=+document.getElementById("myiframe");
var+html+=+"";

iframe.contentWindow.document.open();
iframe.contentWindow.document.write(html);
iframe.contentWindow.document.close();|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1819920|在IE、Firefox和Chrome中测试...它做到了:)|unstyled|1819921|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|J|8|@]|9|@]|A|$]]|$1|G|3|-4|5|F|7|K|8|@]|9|@]|A|$]]]|H|$]]

<pre><code>var iframe = document.getElementById("myiframe");
var html = "";

iframe.contentWindow.document.open();
iframe.contentWindow.document.write(html);
iframe.contentWindow.document.close();
</code></pre>

<p>tested in IE, Firefox and Chrome ... it did it :)</p>


blocks|key|2033387|text|你的技术是最健壮的。这是我自己用的。有时，内容可能会通过HTTPS传递，使用about:blank可能会导致出现警告消息，如“是否要包含来自不安全位置的内容”或诸如此类的内容。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2033388|但是，如果您的站点上有一个配置了长缓存过期的单个Blank.html文件，那么客户端将只获取页面一次(每个会话最多获取一次)。|2033389|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

<p>Your technique is the most robust.  Its the one I use myself.  At times content may be delivered over HTTPS and the use of about:blank can cause warning messages to appear to the effect of "do you want to include content from unsecure location" or some such thing.</p>

<p>Something being instant is a matter of perception however if you have a single Blank.html file on your site configured with a long cache expiry the client will only ever fetch the page once (at the most once per-session).  </p>


blocks|key|2033420|text|或者你可以这样做：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2033421|var+iframe_element+=+window.frames['iframe_name'];
iframe_element.document.open();
iframe_element.document.close();|code-block|syntax|javascript|2033422|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>Or you can do this :</p>

<pre><code>var iframe_element = window.frames['iframe_name'];
iframe_element.document.open();
iframe_element.document.close();
</code></pre>


blocks|key|1819788|text|在有许多IFrames的页面上，我遇到了“关于:空白”的困难。它似乎并不是在每个浏览器中都有效的位置(尽管我从来没有确定过)。不管怎样，我对javascript:void(0);很满意|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1819789|entityMap^0|1Y|J|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|K|8|@]|D|@]|E|$]]]|G|$]]

<p>I have had difficulties with "about:blank" on pages with many IFrames. It does not seem to be a valid location in every browser (I never found out for sure, though). Anyway, I am happy with <code>javascript:void(0);</code></p>


blocks|key|2033403|text|你也可以这样做：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2033404|<html>
<head>
<script>
++++var+doc+=+null;
++++window.onload+=+function()+{
++++++++alert("Filling+IFrame");
++++++++doc+=+document.getElementById("test");

++++++++if(+doc.document+)+{
++++++++++++document.test.document.body.innerHTML+=+"<h1>test</h1>";+//Chrome,+IE
++++++++}else+{
++++++++++++doc.contentDocument.body.innerHTML+=+"<h1>test</h1>";+//FireFox
++++++++}

++++++++++++setTimeout(function()+{+
++++++++++++++++alert("Clearing+IFrame");

++++++++++++++++if(+doc.document+)+{
++++++++++++++++++++document.test.document.body.innerHTML+=+"";+//Chrome,+IE
++++++++++++++++}else+{
++++++++++++++++++++doc.contentDocument.body.innerHTML+=+"";+//FireFox
++++++++++++++++}

++++++++++++},+1000);
++++++++};
++++</script>
</head>

<body>
++++<iframe+id="test"+name="test">

++++</iframe>
</body>
</html>|code-block|syntax|javascript|2033405|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>You could also do this:</p>

<pre><code>&lt;html&gt;
&lt;head&gt;
&lt;script&gt;
    var doc = null;
    window.onload = function() {
        alert("Filling IFrame");
        doc = document.getElementById("test");

        if( doc.document ) {
            document.test.document.body.innerHTML = "&lt;h1&gt;test&lt;/h1&gt;"; //Chrome, IE
        }else {
            doc.contentDocument.body.innerHTML = "&lt;h1&gt;test&lt;/h1&gt;"; //FireFox
        }

            setTimeout(function() { 
                alert("Clearing IFrame");

                if( doc.document ) {
                    document.test.document.body.innerHTML = ""; //Chrome, IE
                }else {
                    doc.contentDocument.body.innerHTML = ""; //FireFox
                }

            }, 1000);
        };
    &lt;/script&gt;
&lt;/head&gt;

&lt;body&gt;
    &lt;iframe id="test" name="test"&gt;

    &lt;/iframe&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>


blocks|key|2033507|text|//首先从Id中获取窗口。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2033508|var+my_content+=+document.getElementById('my_iframe').contentWindow.document;|code-block|syntax|javascript|2033509|//然后通过将HTML内部的body标记设置为空字符串来清除它。|2033510|my_content.body.innerHTML="";|2033511|//现在，当我编写新内容时，它不会附加到正文的末尾，iframe正文将只包含新内容。|2033512|my_content.write(new_content);|2033513|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|S|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|U|8|@]|9|@]|A|$]]|$1|M|3|N|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|O|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|P|$]]

<p>// First I get the window from its Id.</p>

<pre><code>var my_content = document.getElementById('my_iframe').contentWindow.document;
</code></pre>

<p>// Then I clear it by setting the body tag inner HTML to an empty string.</p>

<pre><code>my_content.body.innerHTML="";
</code></pre>

<p>// Now when I write my new content it does not get appended to the end of the body and the iframe body will contain only fresh content.</p>

<pre><code>my_content.write(new_content);
</code></pre>


blocks|key|1819975|text|就这么做吧：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1819976|var+iframe+=+document.getElementById("iframe");
iframe.removeAttribute('srcdoc');|code-block|syntax|javascript|1819977|在Chrome中工作|1819978|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

<p>Just do it:</p>
<pre class="lang-js prettyprint-override"><code>var iframe = document.getElementById(&quot;iframe&quot;);
iframe.removeAttribute('srcdoc');
</code></pre>
<p>Work in Chrome</p>


blocks|key|2033490|text|只需获取Iframe并从中删除documentElement即可。Iframe将为空|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2033491|+var+frame+=+document.getElementById("YourFrameId"),
+frameDoc+=+frame.contentDocument+%7C%7C+frame.contentWindow.document;
+frameDoc.removeChild(frameDoc.documentElement);|code-block|syntax|javascript|2033492|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>Just get the Iframe and remove the documentElement from it. The Iframe will be blank</p>

<pre><code> var frame = document.getElementById("YourFrameId"),
 frameDoc = frame.contentDocument || frame.contentWindow.document;
 frameDoc.removeChild(frameDoc.documentElement);
</code></pre>


blocks|key|1819879|text|function+getContentFromIframe(iFrameName)
{
++++var+myIFrame+=+document.getElementById(iFrameName);
++++var+content+=+myIFrame.contentWindow.document.body.innerHTML;

++++//Do+whatever+you+need+with+the+content++++
}|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1819880|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>function getContentFromIframe(iFrameName)
{
    var myIFrame = document.getElementById(iFrameName);
    var content = myIFrame.contentWindow.document.body.innerHTML;

    //Do whatever you need with the content    
}
</code></pre>


blocks|key|2033458|text|$("#iframe").contents().find("body").html('')；|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2033459|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

<p>$("#iframe").contents().find("body").html('');</p>


<p>How do I clear the content of my IFRAME element, using javascript, without loading a blank page into it?</p>

<p>I can figure out to do this: <code>iframe_element.src = "blank.html"</code>, but there must be a better, instant, method.</p>


How to clear the content of an IFRAME?

如何使用javascript清除IFRAME元素的内容，而不加载空白页面？我可以想出这样做：iframe_element.src = "blank.html"，但必须有一个更好的、即时的方法。

问如何清除IFRAME的内容？
EN

回答 11

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何清除IFRAME的内容？EN

回答 11

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何清除IFRAME的内容？
EN