首頁 > web前端 > js教程 > 如何使用JavaScript動態改變iframe的src屬性的範例程式碼分享

如何使用JavaScript動態改變iframe的src屬性的範例程式碼分享

黄舟
發布: 2017-07-21 13:25:17
原創
3152 人瀏覽過

如何使用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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板