Javascript Iframe

当我点击该图像时，如何使iframe加载？ 我的意思是，页面加载时不会加载，只在打开时加载，在关闭时关闭/停止加载。 下面是我使用的代码。 有人能帮忙吗

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('http://i.imgur.com/YZMJf.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">

<iframe src="http://yahoo.com"></iframe>
<br/>

<div style="text-align:right">
<a href="javascript:showHideGB()">
[close]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>

#国标{
位置：固定；
顶部：50px；
z指数：+1000；
}
*html#gb{位置：相对；}
.gbtab{
高度：100px；
宽度：30px；
浮动：左；
光标：指针；
背景：url（'http://i.imgur.com/YZMJf.png")不重复;；
}
.gbcontent{
浮动：左；
边框：2px实心#A5BD51；
背景:#f5；
填充：10px；
}
函数showHideGB（）{
var gb=document.getElementById（“gb”）；
var w=gb偏移网络宽度；
gb.opened？moveGB（0，30-w）：moveGB（20-w，0）；
gb.opened=！gb.opened；
}
函数moveGB（x0，xf）{
var gb=document.getElementById（“gb”）；
var dx=数学abs（x0 xf）>10？5:1；
var dir=xf>x0？1:-1；
var x=x0+dx*dir；
gb.style.right=x.toString（）+“px”；
如果（x0！=xf）{setTimeout（“moveGB（“+x+”，“+xf+”），10）；}
}


var gb=document.getElementById（“gb”）；
gb.style.right=（30gb.offsetWidth.toString（）+“px”；

---

这段代码将在页面加载时加载iframe。

不要直接在html中设置iframe src。在单击处理程序函数中执行此操作。

<iframe id="myifm"></iframe>

<script>
function loadIframecontent() {
  document.getElementById("myifm").setAttribute("src","http://www.yahoo.com");
}
</script>

<a href="#" onclick="loadIFrameContent();">Load Iframe Content</a>

函数loadIframecontent（）{
document.getElementById（“myifm”）.setAttribute（“src”，”http://www.yahoo.com");
}

有什么问题吗？什么不起作用？你不缩进你的代码吗？很难阅读。它正在工作，但我想更改iframe，只有当我单击该图像时才会加载。你能帮我处理关闭部分吗？如果你想停止加载，只需

document.getElementById（“myifm”）.removeNode（）