使用Javascript而不是jQuery从iframe内部删除HTML

时间:2012-01-14 09:25:56

标签: javascript

我根据需要在舞台上添加和删除<iframe>。每次添加时,都需要加载新页面。

我需要让它删除以前的内容,以便在加载新页面时框架为空。

以下是涉及的代码:

HTML:

<div id='overlay' class='overlay'></div> 
<div id="overlay_displayer_wrapper" class="overlay_displayer_wrapper">
    <div id='overlay_displayer' class='overlayDisplayer'>         
    <iframe id='i_displayer' class='i_displayer'></iframe>     
    </div>
</div>

这是“启动”叠加层和上面iframe的代码:

function launchDisplayer(img_src, base_directory, session_pics){
showDisplayer(true);
document.getElementById( 'i_displayer' ).setAttribute( 'src', '' );
document.getElementById("i_displayer").src="feeder.php?call=main&curr=" + img_src + "&dir=" + base_directory + "&pics=" + session_pics;
}

这是函数showDisplayer()

function showDisplayer(show){
var overlay = document.getElementById("overlay");
var overlay_displayer = document.getElementById("overlay_displayer_wrapper");
if (show){
    overlay.style.display = "block";
    overlay_displayer.style.display = "block";
}else{
    overlay.style.display = "none";
    overlay_displayer.style.display = "none";

}
}

这是此行动中涉及的所有代码。

1 个答案:

答案 0 :(得分:1)

只需清除src

即可

演示:http://jsfiddle.net/ThinkingStiff/9ZrMZ/

HTML:

<iframe id="myframe" src="http://thinkingstiff.com"></iframe>

脚本:

document.getElementById( 'myframe' ).setAttribute( 'src', '' );