如何使用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="xxxx.asp"
   

frames.youname.src = url;
   

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

document.getElementById("xx").src="xx.htm";

或

document.getElementsByTagName("iframe")[0].src="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中文網其他相關文章！