多种改变iframe的src地址方法

最新推荐文章于 2025-04-06 18:57:26 发布

xiaohong

最新推荐文章于 2025-04-06 18:57:26 发布

阅读量1.2w

点赞数

分类专栏：精美文摘文章标签： iframe javascript 通讯

精美文摘专栏收录该内容

2 篇文章

订阅专栏

本文介绍了三种使用JavaScript改变iframe源地址的方法，并详细解释了实现步骤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

方法一
如何改变iframe的src地址
<body>
<input type="button" value="改变地址" onClick="parent.displayinhere.location.href='http://www.baidu.com/'">
<iframe name="displayinhere" width=250px; height=200px; src="http://www.hao123.com">
</body>
仁则见人，智则风智
1、
<input onclick="document.all.mxh.location.replace('http://sina.com.cn')" type=button value=change><br>
<iframe id=mxh src="http://colorweb.go.163.com"></iframe>
2、
<input onclick="document.all.rpl.innerHTML='<iframe id=mxh src=\'http://www.sina.com\'></iframe>'" type=button value=change><br>
<span id=rpl><iframe id=mxh src="http://colorweb.go.163.com"></iframe></span>
方法二
<A href="javascript:NavGoto();" onClick="functiona();return false;">通讯录</A>
<>
<iframe name="main" src="test.html"></iframe>
</>
<script>
functiona()
{
window.frames["main"].location.href=http://www.baidu.com
}
</script>
方法三
<A id="gNav_A" href="javascript:NavGoto();" onClick="NavGoto(this);return false;">主页</A>
<iframe id="infrm" src="iframe-A.html" name="infrm" width="100%" frameborder="0" onload="this.height=150"></iframe>
<script type="text/javascript">
//导航
function NavGoto(O){
document.getElementById("gNav_A").className="A";
document.getElementById("gNav_B").className="A";
var NavBtn = document.getElementById("infrm");
switch(O.id){
case "gNav_A":
NavName = "管理主页";
NavID = "gNav_A";
NavUrl = "iframe-A.html";
break;
case "gNav_B":
NavName = "日记";
NavID = "gNav_B";
NavUrl = "iframe-B.html";
break;
}
document.getElementById(NavID).className="current";
NavBtn.src = NavUrl;
return false;
}
</script>