Jak změnit zdroj iframe v JavaScriptu?

Jak Zmenit Zdroj Iframe V Javascriptu



Při vytváření webové stránky nebo webu existuje požadavek přesměrovat koncového uživatele na jinou webovou stránku, aby se dostal k relevantní/vyhledávané „ obsah “. Kromě toho poskytuje uživateli různé funkce ve stejnou dobu, čímž je umožněna dostupnost. V takových případech dělá změna zdroje iframe v JavaScriptu zázraky tím, že uživateli poskytuje jednoduchost z hlediska času a potíží.

Tento blog vysvětlí, jak změnit zdroj iframe v JavaScriptu.

Co je to Inline Frame?

' vložený rám ” se používá k tomu, aby obsahoval jiný určený dokument v aktuálním dokumentu. To má za následek přepínání webových stránek na základě uvedených odkazů.





Jak změnit zdroj iframe v JavaScriptu?

Zdroj iframe lze změnit v JavaScriptu pomocí následujících přístupů spolu s „ getElementById() “ metoda:



  • “ Parametr prošel 'Technika.'
  • “ selectedIndex ' Vlastnictví.

Přístup 1: Změňte zdroj iframe v JavaScriptu pomocí techniky předávaných parametrů

Tuto techniku ​​lze použít k přepnutí na zadanou stránku umístěním odkazu na příslušnou stránku jako parametru funkce při přístupu pomocí tlačítka.



Příklad
Podívejme se na níže uvedený příklad:



< centrum < h2 > Změňte zdroj iframe v JavaScript h2 >
< id iframe = 'webová stránka' src = 'https://linuxhint.com/detect-tab-key-javascript/' šířka = '1000' výška = '550' rámová hranice = '0' rolování = 'Ne' > iframe >
< br < br >
< tlačítko onclick = 'changeIframe('https://linuxhint.com/category/linux-commands/')' > Kliknutím zobrazíte stránku Linux Commands knoflík >
< br > br >
centrum >

Ve výše uvedených řádcích kódu proveďte následující kroky:

  • Uveďte uvedený odkaz v „ ” spolu s upravenými rozměry.
  • Vytvořte také tlačítko s připojeným „ při kliknutí ” událost přesměrovává na funkci changeIframe(), která má jako parametr zadaný odkaz.
  • To povede k přesměrování stránky na uvedený odkaz po kliknutí na tlačítko.

Pokračujme v JavaScriptové části kódu:



< typ skriptu = 'text/javascript' >
funkce changeIframe ( změna ) {
dokument. getElementById ( 'webová stránka' ) . src = změna ;
}
skript >

Ve výše uvedeném úryvku kódu:

  • Deklarujte funkci s názvem „ changeIframe() “.
  • V jeho definici přejděte na zadaný odkaz v „ vložený rám ” prvek pomocí “ document.getElementById() “ metoda.
  • Poté použijte „ src ” a přidělte uvedený odkaz při přístupu funkce ke zpřístupňovanému odkazu pomocí parametru “ změna “.
  • To povede k přepnutí stránek s ohledem na zadané odkazy po kliknutí na tlačítko.

Výstup

Ve výše uvedeném výstupu lze pozorovat, že se stránky přepínají po kliknutí na tlačítko.

Přístup 2: Změňte zdroj iframe v JavaScriptu pomocí vlastnosti selectedIndex

' selectedIndex Vlastnost ” vrátí index vybrané možnosti v rozevíracím seznamu. Tuto vlastnost lze použít k přesměrování na zadaný odkaz s ohledem na hodnotu vybrané možnosti z rozevíracího seznamu.

Příklad
Podívejme se na následující příklad:

< centrum < tělo >
< id iframe = 'webová stránka' src = 'https://linuxhint.com/detect-tab-key-javascript/' šířka = '1000' výška = '550' rámová hranice = '0' rolování = 'Ne' > iframe >
< br < br >
< vybrat id = 'Odkazy' >
< hodnotu opce = 'https://linuxhint.com/auto-refresh-web-page-every-5-seconds-javascript/' > Přejít na článek 1
< hodnotu opce = 'https://linuxhint.com/convert-array-to-object-javascript/' > Přejít na článek dva
vybrat >
< br < br >
< tlačítko onClick = 'changeIframe();' > Změnit iframe Src knoflík >
< br < br >
tělo > centrum >

Ve výše uvedených řádcích kódu proveďte následující kroky:

  • Připomeňte si krok pro specifikaci uvedeného odkazu v rámci „