Heim > Web-Frontend > js-Tutorial > Beispielcode-Freigabe zur Verwendung von JavaScript zum dynamischen Ändern des src-Attributs eines Iframes

Beispielcode-Freigabe zur Verwendung von JavaScript zum dynamischen Ändern des src-Attributs eines Iframes

黄舟
Freigeben: 2017-07-21 13:25:17
Original
3151 Leute haben es durchsucht

So verwenden Sie JavaScript, um das src-Attribut eines Iframes dynamisch zu ändern

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


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

</script>
Nach dem Login kopieren

iframeID.location=newURL

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

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

</script>
Nach dem Login kopieren

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

window.frames["iframeName attribute"].location.href="xxxx.asp"

frames.youname.src = url;

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

document.getElementById("xx").src="xx.htm";
Nach dem Login kopieren

oder

document.getElementsByTagName("iframe")[0].src="xx.htm";
Nach dem Login kopieren

Meiner Meinung nach ist Domänenüberschreitung nicht erlaubt

Meine Bewunderung für alle oben ist wie ein endloser Fluss.

document.frames[0].navigate("about:blank");
Nach dem Login kopieren

Das Fensterobjekt verfügt über die navigation()-Methode, um zur angegebenen URL umzuleiten. . .

Der src von iframe kann definitiv geändert werden. Es wird geschätzt, dass das ursprüngliche Poster fehlgeschlagen ist, weil das erhaltene iframe-Objekt falsch war.
top.document.all("ID/Name Ihres IFrames").src=Ihre Adresse; Dies sollte im IE verwendet werden, ich empfehle jedoch, dass der IFrame sowohl eine ID als auch einen Namen hat Objekt, verwenden Sie den folgenden Kompatibilitätscode

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];
}
Nach dem Login kopieren

beide

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

entsprechend der von den Helden bereitgestellten Methode können Sie die URL ändern, vielen Dank! Ein weiteres Problem, das ich hier habe, ist, dass ich zuerst die URL der übergeordneten Seite ändern muss (ohne eine neue Seite zu öffnen) und dann die Quelle des Iframes auf der Seite ändern muss. Ich hoffe, Sie können weitere Unterstützung leisten!
Die Methode, die ich verwende, ist:

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

Auf diese Weise kann das src-Attribut des Iframes nicht geändert werden. Wenn ich window.location =parentUrl; entferne, kann das src-Attribut geändert werden! Bitte Experten klären mich weiterhin auf! Vielen Dank für Ihre Freundlichkeit! ! !

Sind Sie sicher, dass die neue Seite einen Iframe wie „upperPage“ enthält?

ice_berg16 (die traumsuchende Vogelscheuche), kannst du mir eine Lösung geben? Ich möchte die URL der aktuellen Seite ändern und auch das src-Attribut des darin enthaltenen Iframes ändern. Vielen Dank!



Das obige ist der detaillierte Inhalt vonBeispielcode-Freigabe zur Verwendung von JavaScript zum dynamischen Ändern des src-Attributs eines Iframes. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage