Kako spremeniti izvor iframe v JavaScriptu?

Kako Spremeniti Izvor Iframe V Javascriptu



Med ustvarjanjem spletne strani ali spletnega mesta je treba končnega uporabnika preusmeriti na drugo spletno stran za dostop do ustreznega/iskanega » vsebino ”. Poleg tega uporabniku hkrati zagotavlja različne funkcionalnosti in s tem omogoča dostopnost. V takšnih primerih spreminjanje vira iframe v JavaScriptu dela čudeže, saj uporabniku zagotavlja enostavnost v smislu časa in težav.

V tem spletnem dnevniku bo razloženo, kako spremeniti vir iframe v JavaScriptu.

Kaj je Inline Frame?

' inline okvir ” se uporablja za vsebovanje drugega določenega dokumenta znotraj trenutnega dokumenta. Posledica tega je preklapljanje spletnih strani na podlagi navedenih povezav.





Kako spremeniti izvor iframe v JavaScriptu?

Vir iframe lahko spremenite v JavaScriptu z uporabo naslednjih pristopov skupaj z » getElementById() ” metoda:



  • “ Podan parameter ” Tehnika.
  • “ selectedIndex ” Lastnina.

1. pristop: spremenite izvor iframe v JavaScriptu s tehniko posredovanih parametrov

To tehniko je mogoče uporabiti za preklop na določeno stran, tako da povezavo do ustrezne strani postavite kot parameter funkcije, ko do nje dostopate s pomočjo gumba.



Primer
Sledimo spodnjemu primeru:



< center >< h2 > Spremenite vir iframe v JavaScript h2 >
< iframe id = 'Spletna stran' src = 'https://linuxhint.com/detect-tab-key-javascript/' premer = '1000' višina = '550' obroba okvirja = '0' pomikanje = 'ne' > iframe >
< št >< št >
< gumb na klik = 'changeIframe('https://linuxhint.com/category/linux-commands/')' > Kliknite za prikaz strani z ukazi Linux gumb >
< št > št >
center >

V zgornjih vrsticah kode izvedite naslednje korake:

  • Določite navedeno povezavo v ' ” skupaj s prilagojenimi dimenzijami.
  • Prav tako ustvarite gumb s priloženim ' onclick ” preusmeritev na funkcijo changeIframe(), ki ima kot parameter navedeno povezavo.
  • To bo povzročilo, da bo stran ob kliku gumba usmerjena na navedeno povezavo.

Nadaljujmo z delom kode JavaScript:



< vrsta skripte = 'besedilo/javascript' >
funkcijo changeIframe ( sprememba ) {
dokument. getElementById ( 'Spletna stran' ) . src = sprememba ;
}
scenarij >

V zgornjem delčku kode:

  • Deklarirajte funkcijo z imenom ' changeIframe() ”.
  • V njeni definiciji odprite določeno povezavo v ' inline okvir ' z uporabo ' document.getElementById() ” metoda.
  • Po tem uporabite » src ” in dodeli navedeno povezavo ob funkcijskem dostopu do dostopne povezave s parametrom “ sprememba ”.
  • To bo imelo za posledico preklop strani glede na podane povezave ob kliku gumba.

Izhod

V zgornjem rezultatu je mogoče opaziti, da se strani preklopijo ob kliku na gumb.

2. pristop: spremenite izvor iframe v JavaScriptu z uporabo lastnosti selectedIndex

' selectedIndex ” lastnost vrne indeks izbrane možnosti na spustnem seznamu. To lastnost je mogoče uporabiti za preusmeritev na navedeno povezavo glede na vrednost izbrane možnosti s spustnega seznama.

Primer
Oglejmo si naslednji primer:

< center >< telo >
< iframe id = 'Spletna stran' src = 'https://linuxhint.com/detect-tab-key-javascript/' premer = '1000' višina = '550' obroba okvirja = '0' pomikanje = 'ne' > iframe >
< št >< št >
< izberite id = 'povezave' >
< vrednost opcije = 'https://linuxhint.com/auto-refresh-web-page-every-5-seconds-javascript/' > Preklopi na članek 1
< vrednost opcije = 'https://linuxhint.com/convert-array-to-object-javascript/' > Preklopi na članek dva
izberite >
< št >< št >
< gumb na klik = 'changeIframe();' > Spremenite iframe Src gumb >
< št >< št >
telo > center >

V zgornjih vrsticah kode izvedite naslednje korake:

  • Spomnite se koraka za določitev navedene povezave znotraj »