Ako zmeniť zdroj iframe v JavaScripte?

Ako Zmenit Zdroj Iframe V Javascripte



Pri vytváraní webovej stránky alebo lokality existuje požiadavka na presmerovanie koncového používateľa na inú webovú stránku, aby sa dostal k relevantnému/vyhľadávanému „ obsahu “. Okrem toho poskytovanie rôznych funkcií používateľovi súčasne, čím sa zjednodušuje dostupnosť. V takýchto prípadoch robí zmena zdroja iframe v JavaScripte zázraky pri poskytovaní jednoduchosti používateľovi z hľadiska času a problémov.

Tento blog vysvetlí, ako zmeniť zdroj iframe v JavaScripte.

Čo je to vložený rám?

„ vložený rám ” sa používa na uloženie iného špecifikovaného dokumentu v rámci aktuálneho dokumentu. Výsledkom je prepínanie webových stránok na základe uvedených odkazov.





Ako zmeniť zdroj iframe v JavaScripte?

Zdroj iframe je možné zmeniť v JavaScripte pomocou nasledujúcich prístupov spolu s „ getElementById() “ metóda:



  • “ Prešiel parameter “Technika.
  • “ selectedIndex ' Nehnuteľnosť.

Prístup 1: Zmeňte zdroj iframe v JavaScripte pomocou techniky odovzdaných parametrov

Túto techniku ​​je možné použiť na prepnutie na špecifikovanú stránku umiestnením príslušného odkazu na stránku ako parametra funkcie, keď k nej pristupujete pomocou tlačidla.



Príklad
Nasledujme nižšie uvedený príklad:



< centrum < h2 > Zmeňte zdroj iframe v JavaScript h2 >
< id iframe = 'webstránka' src = 'https://linuxhint.com/detect-tab-key-javascript/' šírka = '1000' výška = '550' rámová hranica = '0' rolovanie = 'nie' > iframe >
< br < br >
< tlačidlo onclick = 'changeIframe('https://linuxhint.com/category/linux-commands/')' > Kliknutím zobrazíte stránku príkazov systému Linux tlačidlo >
< br > br >
centrum >

Vo vyššie uvedených riadkoch kódu vykonajte nasledujúce kroky:

  • Uveďte uvedený odkaz v „ ” spolu s upravenými rozmermi.
  • Vytvorte tiež tlačidlo s pripojeným „ po kliknutí ” udalosť presmerovanie na funkciu changeIframe(), ktorá má zadaný odkaz ako parameter.
  • Výsledkom bude presmerovanie stránky na uvedený odkaz po kliknutí na tlačidlo.

Pokračujme v JavaScriptovej časti kódu:



< typ skriptu = 'text/javascript' >
funkciu changeIframe ( zmeniť ) {
dokument. getElementById ( 'webstránka' ) . src = zmeniť ;
}
skript >

Vo vyššie uvedenom útržku kódu:

  • Deklarujte funkciu s názvom „ changeIframe() “.
  • V jeho definícii prejdite na zadaný odkaz v „ vložený rám ” prvok pomocou “ document.getElementById() “.
  • Potom použite „ src “ a priraďte uvedený odkaz pri prístupe funkcie k odkazu, ku ktorému sa pristupuje pomocou parametra “ zmeniť “.
  • To bude mať za následok prepnutie stránok vzhľadom na zadané odkazy po kliknutí na tlačidlo.

Výkon

Vo vyššie uvedenom výstupe je možné pozorovať, že stránky sa prepínajú po kliknutí na tlačidlo.

Prístup 2: Zmeňte zdroj iframe v JavaScripte pomocou vlastnosti selectedIndex

' selectedIndex ” vráti index vybranej možnosti v rozbaľovacom zozname. Túto vlastnosť možno použiť na presmerovanie na zadaný odkaz s ohľadom na hodnotu vybranej možnosti z rozbaľovacieho zoznamu.

Príklad
Pozrime sa na nasledujúci príklad:

< centrum < telo >
< id iframe = 'webstránka' src = 'https://linuxhint.com/detect-tab-key-javascript/' šírka = '1000' výška = '550' rámová hranica = '0' rolovanie = 'nie' > iframe >
< br < br >
< vybrať id = 'odkazy' >
< hodnotu opcie = 'https://linuxhint.com/auto-refresh-web-page-every-5-seconds-javascript/' > Prejdite na článok 1
< hodnotu opcie = 'https://linuxhint.com/convert-array-to-object-javascript/' > Prejdite na článok dva
vyberte >
< br < br >
< tlačidlo naKliknutie = 'changeIframe();' > Zmeniť iframe Src tlačidlo >
< br < br >
telo > centrum >

Vo vyššie uvedených riadkoch kódu vykonajte nasledujúce kroky:

  • Pripomeňte si krok na špecifikovanie uvedeného odkazu v rámci „