Kako promijeniti izvor iframea u JavaScriptu?

Kako Promijeniti Izvor Iframea U Javascriptu



Tijekom izrade web-stranice ili web-mjesta, postoji zahtjev za preusmjeravanjem krajnjeg korisnika na drugu web-stranicu kako bi pristupio relevantnom/pretraživanom “ sadržaj ”. Uz to, pružanje različitih funkcionalnosti korisniku u isto vrijeme čineći pristupačnost izvedivom. U takvim scenarijima, promjena iframe izvora u JavaScriptu čini čuda u pružanju jednostavnosti korisniku u smislu vremena i gnjavaže.

Ovaj će blog objasniti kako promijeniti izvor iframea u JavaScriptu.

Što je Inline Frame?

' inline okvir ” koristi se za sadržavanje drugog navedenog dokumenta unutar trenutnog dokumenta. To rezultira izmjenom web stranica na temelju navedenih poveznica.





Kako promijeniti izvor iframea u JavaScriptu?

Izvor iframea može se promijeniti u JavaScriptu pomoću sljedećih pristupa zajedno s ' getElementById() ” metoda:



  • “ Usvojen parametar ” Tehnika.
  • “ selectedIndex ” Imovina.

Pristup 1: Promjena izvora iframea u JavaScriptu pomoću tehnike proslijeđenih parametara

Ova se tehnika može upotrijebiti za prebacivanje na određenu stranicu postavljanjem odgovarajuće veze stranice kao parametra funkcije kada se pristupi pomoću gumba.



Primjer
Slijedimo dolje navedeni primjer:



< centar >< h2 > Promijenite izvor iframea u JavaScript h2 >
< iframe id = 'web stranica' src = 'https://linuxhint.com/detect-tab-key-javascript/' širina = '1000' visina = '550' granica okvira = '0' listanje = 'Ne' > iframe >
< br >< br >
< gumb na klik = 'changeIframe('https://linuxhint.com/category/linux-commands/')' > Kliknite za prikaz stranice Linux naredbi dugme >
< br > br >
centar >

U gornjim redcima koda izvršite sljedeće korake:

  • Navedeni link navedite u “ ” zajedno s prilagođenim dimenzijama.
  • Također, izradite gumb s priloženim ' na klik ” događaj koji preusmjerava na funkciju changeIframe() koja ima navedenu vezu kao svoj parametar.
  • To će rezultirati usmjeravanjem stranice na navedenu vezu nakon klika na gumb.

Nastavimo s JavaScript dijelom koda:



< vrsta skripte = 'tekst/javascript' >
funkcija promijeniIframe ( promijeniti ) {
dokument. getElementById ( 'web stranica' ) . src = promijeniti ;
}
skripta >

U gornjem isječku koda:

  • Deklarirajte funkciju pod nazivom ' promijeniIframe() ”.
  • U njegovoj definiciji pristupite navedenoj vezi u ' inline okvir ' element pomoću ' document.getElementById() ” metoda.
  • Nakon toga primijenite ' src ” alocirati navedenu poveznicu nakon pristupa funkciji pristupljenoj poveznici pomoću parametra “ promijeniti ”.
  • To će rezultirati izmjenom stranica s obzirom na navedene veze nakon klika na gumb.

Izlaz

U gornjem izlazu može se primijetiti da se stranice prebacuju nakon klika na gumb.

Pristup 2: Promjena izvora iframea u JavaScriptu pomoću svojstva selectedIndex

' selectedIndex ” svojstvo vraća indeks odabrane opcije na padajućem popisu. Ovo se svojstvo može primijeniti za preusmjeravanje na navedenu vezu s obzirom na vrijednost odabrane opcije s padajućeg popisa.

Primjer
Promotrimo sljedeći primjer:

< centar >< tijelo >
< iframe id = 'web stranica' src = 'https://linuxhint.com/detect-tab-key-javascript/' širina = '1000' visina = '550' granica okvira = '0' listanje = 'Ne' > iframe >
< br >< br >
< odaberite id = 'veze' >
< vrijednost opcije = 'https://linuxhint.com/auto-refresh-web-page-every-5-seconds-javascript/' > Prijeđi na članak 1
< vrijednost opcije = 'https://linuxhint.com/convert-array-to-object-javascript/' > Prijeđi na članak dva
Odaberi >
< br >< br >
< gumb onClick = 'changeIframe();' > Promjena iframe Src dugme >
< br >< br >
tijelo > centar >

U gornjim redcima koda izvršite sljedeće korake:

  • Prisjetite se koraka za određivanje navedene veze unutar '