Maison  >  Article  >  interface Web  >  Exemple de partage de code sur la façon d'utiliser JavaScript pour modifier dynamiquement l'attribut src d'une iframe

Exemple de partage de code sur la façon d'utiliser JavaScript pour modifier dynamiquement l'attribut src d'une iframe

黄舟
黄舟original
2017-07-21 13:25:173069parcourir

Comment utiliser JavaScript pour modifier dynamiquement l'attribut src d'une iframe

<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["attribut iframeName"].location.href="xxxx.asp"

frames.youname.src = url;

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

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

ou

document.getElementsByTagName("iframe")[0].src="xx.htm";

Selon moi, traverser des domaines n'est pas autorisé

Mon admiration pour tout le monde à l'étage est comme une rivière sans fin.

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

L'objet window a la méthode naviguer() pour rediriger vers l'URL spécifiée. . .

Le src de l'iframe peut définitivement être modifié. On estime que l'affiche originale a échoué car l'objet iframe obtenu était incorrect.
top.document.all("ID/nom de votre iframe").src=votre adresse; Ceci devrait être utilisé dans IE, mais je recommande que pour une meilleure compatibilité, l'iframe ait à la fois un identifiant et un nom. objet, utilisez le code de compatibilité suivant

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];
}

les deux

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

selon la méthode fournie par les héros, vous pouvez changer l'url, merci beaucoup ! Un autre problème que j'ai ici est que je dois d'abord changer l'URL de la page parent (sans ouvrir une nouvelle page), puis changer le src de l'iframe dans la page. J'espère que vous pourrez fournir une assistance supplémentaire !
La méthode que j'utilise est la suivante :

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

De cette façon, l'attribut src de l'iframe ne peut pas être modifié. Si je supprime window.location =parentUrl;, l'attribut src peut être modifié ! S'il vous plaît, les experts continuent de m'éclairer ! Merci pour votre gentillesse! ! !

Êtes-vous sûr qu'il y a un iframe comme upperPage dans la nouvelle page ?

ice_berg16 (l'épouvantail chercheur de rêves), peux-tu me donner une solution ? Je souhaite changer l'url de la page actuelle, et également modifier l'attribut src de l'iframe qu'elle contient. Merci beaucoup !



Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn