Comment changer la source iframe en javascript?

Lola Bonnet
Comment changer la source iframe en javascript?
Lors de la création d'une page Web ou du site, il est nécessaire de rediriger l'utilisateur final vers une autre page Web pour accéder au pertinent / recherché "contenu". En plus de cela, offrant diverses fonctionnalités à l'utilisateur en même temps, ce qui rend l'accessibilité réalisable. Dans de tels cas, la modification de la source d'Iframe en JavaScript fait des merveilles en fournissant à l'utilisateur la facilité en termes de temps et de tracas.

Ce blog expliquera comment modifier la source iframe en javascript.

Qu'est-ce qu'un cadre en ligne?

Un "cadre en ligne»Est utilisé pour contenir un autre document spécifié dans le document actuel. Il en résulte le changement des pages Web en fonction des liens indiqués.

Comment changer la source iframe en javascript?

La source IFRAME peut être modifiée en JavaScript en utilisant les approches suivantes avec le «getElementByid ()" méthode:

  • "Paramètre passé»Technique.
  • "SELECT-INDEX" Propriété.

Approche 1: Modifier la source d'Iframe en JavaScript en utilisant la technique des paramètres passés

Cette technique peut être utilisée pour passer à la page spécifiée en plaçant le lien de page correspondant comme paramètre d'une fonction lorsqu'il est accessible à l'aide d'un bouton.

Exemple
Suivons l'exemple indiqué ci-dessous:

Modifier la source iframe en javascript










Dans les lignes de code ci-dessus, effectuez les étapes suivantes:

  • Spécifiez le lien indiqué dans le «”Tag avec les dimensions ajustées.
  • Créez également un bouton avec un "sur clic”Redirection de l'événement vers la fonction changeIframe () ayant le lien spécifié comme paramètre.
  • Cela entraînera la réalisation de la page vers le lien indiqué sur le bouton cliquer.

Continuons à la partie javascript du code:

Dans l'extrait de code ci-dessus:

  • Déclarer une fonction nommée «ChangeFrame ()".
  • Dans sa définition, accédez au lien spécifié dans le «cadre en ligne»Élément utilisant le«document.getElementByid ()" méthode.
  • Après cela, appliquez le «SRC»Attribuez et allouez le lien indiqué sur l'accès de la fonction au lien accessible à l'aide du paramètre«changement".
  • Cela entraînera la commutation des pages par rapport aux liens spécifiés sur le bouton cliquer.

Sortir

Dans la sortie ci-dessus, on peut observer que les pages sont commutées en cliquant sur le bouton.

Approche 2: Modifiez la source IFRAME en JavaScript à l'aide de la propriété SelectedIndex

Le "SELECT-INDEX»La propriété renvoie l'index de l'option sélectionnée dans une liste déroulante. Cette propriété peut être appliquée pour rediriger vers le lien spécifié par rapport à la valeur de l'option sélectionnée dans la liste déroulante.

Exemple
Observons l'exemple suivant:














Dans les lignes de code ci-dessus, effectuez les étapes suivantes:

  • Rappelez-vous l'étape pour spécifier le lien indiqué dans le «