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|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|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|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|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|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>


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|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|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>


<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?

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

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

问如何清除IFRAME的内容？
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何清除IFRAME的内容？EN