Maison > interface Web > js tutoriel > le corps du texte

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

黄舟
Libérer: 2017-07-21 13:25:17
original
3128 Les gens l'ont consulté

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>
Copier après la connexion

iframeID.location=newURL

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

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

</script>
Copier après la connexion

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";
Copier après la connexion

ou

document.getElementsByTagName("iframe")[0].src="xx.htm";
Copier après la connexion

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");
Copier après la connexion

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];
}
Copier après la connexion

les deux

top.document.all("你的iframe的ID/name").src=你的地址;变成
getObjectById( "你的iframe的ID/name" ).src=你的地址;
Copier après la connexion

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;
Copier après la connexion

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal