如何使用JavaScript动态改变iframe的src属性的示例代码分享

如何使用JavaScript动态改变iframe的src属性的示例代码分享

<iframe id="xx"></iframe>
<iframe id="yy"></iframe>
<script>


var xxObj = document.frames;
xxObj[0].src="index.htm";

</script>

iframeID.location=newURL

<iframe id="myIframe"></iframe>

<script language="javascript">
myIframe.src = "index.htm";

</script>

document.frames[0].location.href =url;

window.frames["iframeName属性"].location.href="//m.sbmmt.com/m/faq/xxxx.asp"

frames.youname.src = url;

<iframe id="xx" src=""></iframe>

document.getElementById("xx").src="//m.sbmmt.com/m/faq/xx.htm";

或者

document.getElementsByTagName("iframe")[0].src="//m.sbmmt.com/m/faq/xx.htm";

印象中跨域是不行的

对楼上各位的敬仰之情有如滔滔江水连绵不绝。

document.frames[0].navigate("about:blank");

window对象有navigate()方法可以转向到指定的URL的。。。

iframe的src是肯定可以改变的，估计楼主不成功是因为获取的iframe对象不对。
top.document.all("你的iframe的ID/name").src=你的地址; 在IE中要这样使用，不过我建议为了更好的兼容性，iframe 同时有id 和name，而且获得对象用下面的兼容性代码

function lib_bwcheck(){ 
this.ver=navigator.appVersion; 
this.agent=navigator.userAgent
this.dom=document.getElementById?1:0
this.win = (navigator.appVersion.indexOf("Win")>0);
this.xwin = (navigator.appVersion.indexOf("X11")>0);
this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom)?1:0;
this.ie6=(this.ver.indexOf("MSIE 6")>-1 && this.dom)?1:0;
this.ie4=(document.all && !this.dom)?1:0;
this.ie=this.ie4||this.ie5||this.ie6
this.mac=this.agent.indexOf("Mac")>-1
this.opera5=this.agent.indexOf("Opera 5")>-1
this.ns6=(this.dom && parseInt(this.ver) >= 5) ?1:0; 
this.ns4=(document.layers && !this.dom)?1:0;
this.bw=(this.ie6 || this.ie5 || this.ie4 || this.ns4 || this.ns6 || this.opera5 || this.dom||false);
this.width = null;
this.height = null;
return this
}
function getObjectById( ID ) {
var bw = new lib_bwcheck();
if (bw.ns6) return document.getElementById(ID);
else if (bw.ns) return document.layers[ID];
else return document.all[ID];
}

既

top.document.all("你的iframe的ID/name").src=你的地址;变成
getObjectById( "你的iframe的ID/name" ).src=你的地址;

按照各位大侠提供的方法，可以改变url，非常感谢！ 我这里还有一个问题就是，我首先要改变父页面的url（不打开新的页面）,然后改变其页面中iframe的src,希望能够你们的进一步支持！
我用的方法是：

window.location =parentUrl;
document.getElementById("upperPage").src=child1Url;
document.getElementById("bottomPage").src=child2Url;

这样无法改变iframe的src属性，如果我把window.location =parentUrl; 去掉，可以改变src属性！请高手继续赐教！ 大恩不言谢！！！

你确定新页面中有upperPage这样的iframe？

ice_berg16(寻梦的稻草人),能否给我一个解决方案呢？我想改变当前页面的url，并且还要修改其内部的iframe的src属性，不胜感激！

以上就是如何使用JavaScript动态改变iframe的src属性的示例代码分享的详细内容，更多请关注php中文网其它相关文章！