我根据需要在舞台上添加和删除<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";
}
}
这是此行动中涉及的所有代码。
答案 0 :(得分:1)
只需清除src
。
演示:http://jsfiddle.net/ThinkingStiff/9ZrMZ/
HTML:
<iframe id="myframe" src="http://thinkingstiff.com"></iframe>
脚本:
document.getElementById( 'myframe' ).setAttribute( 'src', '' );