Kuidas muuta JavaScriptis Iframe'i allikat?

Kuidas Muuta Javascriptis Iframe I Allikat



Veebilehe või saidi loomisel on nõue suunata lõppkasutaja ümber teisele veebilehele, et pääseda juurde asjakohasele/otsitavale ' sisu ”. Lisaks pakkudes kasutajale korraga erinevaid funktsioone, muutes seeläbi ligipääsetavuse teostatavaks. Sellistel juhtudel teeb iframe'i allika muutmine JavaScriptis imesid, pakkudes kasutajale aega ja vaeva.

See ajaveeb selgitab, kuidas muuta JavaScriptis iframe'i allikat.

Mis on tekstisisene raam?

' sisemine raam ” kasutatakse muu määratud dokumendi sisaldamiseks praeguses dokumendis. Selle tulemusena vahetatakse veebilehti märgitud linkide alusel.





Kuidas muuta JavaScriptis Iframe'i allikat?

Iframe'i allikat saab JavaScriptis muuta, kasutades järgmisi lähenemisviise koos ' getElementById() ” meetod:



  • “ Läbitud parameeter ” Tehnika.
  • “ valitudIndeks ”Kinnisvara.

1. lähenemisviis: muutke JavaScriptis Iframe'i allikat, kasutades läbitud parameetrite tehnikat

Seda tehnikat saab kasutada määratud lehele lülitumiseks, asetades vastava lehe lingi funktsiooni parameetriks, kui sellele pääseb juurde nupu abil.



Näide
Järgime alltoodud näidet:



< Keskus >< h2 > Muutke iframe'i allikat sisse JavaScript h2 >
< iframe id = 'veebileht' src = 'https://linuxhint.com/detect-tab-key-javascript/' laius = '1000' kõrgus = '550' raamipiir = '0' kerimine = 'Ei' > iframe >
< br >< br >
< nupp onclick = 'changeIframe('https://linuxhint.com/category/linux-commands/')' > Klõpsake Linuxi käskude lehe kuvamiseks nuppu >
< br > br >
Keskus >

Tehke ülaltoodud koodiridadel järgmised toimingud.

  • Määrake märgitud link jaotises ' ” koos kohandatud mõõtmetega.
  • Samuti looge nupp, millele on lisatud ' onclick ” sündmus, mis suunab ümber funktsioonile changeIframe(), mille parameetriks on määratud link.
  • Selle tulemusena suunatakse leht nupu klõpsamisel märgitud lingile.

Jätkame koodi JavaScripti osaga:



< skripti tüüp = 'tekst/javascript' >
funktsiooni muudaIframe ( muuta ) {
dokument. getElementById ( 'veebileht' ) . src = muuta ;
}
stsenaarium >

Ülaltoodud koodilõigul:

  • Deklareerige funktsioon nimega ' changeIframe() ”.
  • Selle määratluses avage jaotises ' sisemine raam ' elementi kasutades ' document.getElementById() ” meetod.
  • Pärast seda rakendage ' src ' atribuut ja eraldage määratud link funktsioonile juurdepääsul juurdepääsetavale lingile, kasutades parameetrit ' muuta ”.
  • Selle tulemuseks on lehekülgede vahetamine määratud linkide suhtes nupu klõpsamisel.

Väljund

Ülaltoodud väljundis on näha, et leheküljed lülituvad nupule vajutades.

2. lähenemisviis: muutke JavaScriptis Iframe'i allikat, kasutades valitud indeksi atribuuti

' valitudIndeks ” atribuut tagastab ripploendis valitud valiku indeksi. Seda atribuuti saab rakendada määratud lingile ümbersuunamiseks rippmenüüst valitud valiku väärtuse alusel.

Näide
Vaatleme järgmist näidet:

< Keskus >< keha >
< iframe id = 'veebileht' src = 'https://linuxhint.com/detect-tab-key-javascript/' laius = '1000' kõrgus = '550' raamipiir = '0' kerimine = 'Ei' > iframe >
< br >< br >
< vali id = 'lingid' >
< optsiooni väärtus = 'https://linuxhint.com/auto-refresh-web-page-every-5-seconds-javascript/' > Lülitu artiklile 1
< optsiooni väärtus = 'https://linuxhint.com/convert-array-to-object-javascript/' > Lülitu artiklile kaks
vali >
< br >< br >
< nuppu Klõpsake = 'changeIframe();' > Muuda Iframe Src nuppu >
< br >< br >
keha > Keskus >

Tehke ülaltoodud koodiridadel järgmised toimingud.

  • Tuletage meelde samm märgitud lingi määramiseks jaotises '