Dans le cas où l'utilisateur oublie de le spécifier au moment de la création de l'iframe, il peut être ajouté dynamiquement après la création à l'aide de JavaScript.
Ce guide explique la procédure complète pour transmettre les paramètres d'URL à une iframe en JavaScript.
Quel est le processus pour transmettre les paramètres d’URL à une iframe en JavaScript ?
Pour transmettre les paramètres d'URL à un « Iframe », suivez les instructions fournies étape par étape.
Étape 1 : Créer le code HTML de l'élément HTML Iframe
Tout d'abord, créez un élément « iframe » dans le code HTML à l'aide du « ' étiqueter:
< identifiant iframe = 'monIframe' bordure de cadre = '1' > iframe >
Ici, l'élément HTML créé a un identifiant « myIframe » et est stylisé en utilisant la propriété « frameborder » avec la valeur « 1 ».
Étape 2 : transmettre le paramètre d'URL à l'Iframe créé
Ensuite, suivez le code JavaScript indiqué ci-dessous pour transmettre/ajouter un paramètre URL à l'élément iframe créé :
< scénario >laissez Iframe = document. getElementById ( 'monIframe' ) ;
laisser URL = 'onkeyup.html' ;
laisser la largeur = '300' ;
laisser la hauteur = '500' ;
laisse géo = 'Royaume-Uni' ;
laisser passerURL = URL + '?géo=' + géo + '&taille=' + largeur + 'X' + hauteur ;
Iframe. src = URL d'annonces ;
console. enregistrer ( URL de passe ) ;
scénario >
Dans les lignes de code ci-dessus :
- La première variable « Iframe » applique le « document.getElementById() ' pour accéder à l'élément ' iframe ' créé en utilisant son identifiant ' myIframe '.
- La deuxième ' URL La variable ' spécifie le chemin du document souhaité que l'utilisateur souhaite intégrer au document HTML actuel via une iframe.
- Ensuite, le « largeur La variable ' définit la largeur de l'élément iframe créé et le ' hauteur La variable ' précise sa hauteur.
- Après cela, la variable « geo » définit le domaine de l'URL, c'est-à-dire « uk (domaine de premier niveau de code de pays Internet (ccTLD)) ».
- Maintenant le ' URL de passe ' La variable concatène les valeurs des variables URL, géo, largeur et hauteur pour construire une URL.
- Ensuite, transmettez l'URL construite à l'élément iframe créé.
- Enfin, le « console.log() ' La méthode affiche l'URL construite.
Étape 3 : Vérifier la sortie
On peut observer que l'URL construite d'un document HTML a été transmise avec succès à l'élément iframe créé.
Conclusion
En JavaScript, pour transmettre des paramètres d'URL à un élément iframe, l'utilisateur doit d'abord « créer un exemple d'élément iframe », puis « construire une URL » en spécifiant son « chemin », sa « largeur », sa « hauteur » et son « domaine ». les attributs. Lorsque l'URL est construite, transmettez-la à l'élément iframe HTML créé. Ce guide expliquait pratiquement la procédure complète pour transmettre les paramètres d'URL à une iframe en JavaScript.