Kā mainīt Iframe avotu JavaScript?

Ka Mainit Iframe Avotu Javascript



Veidojot tīmekļa lapu vai vietni, ir nepieciešams novirzīt galalietotāju uz citu tīmekļa lapu, lai piekļūtu attiecīgajai/meklētajai “ saturu ”. Papildus tam, vienlaikus nodrošinot lietotājam dažādas funkcijas, tādējādi padarot pieejamību iespējamu. Šādos gadījumos iframe avota maiņa JavaScript programmā rada brīnumus, nodrošinot lietotājam vieglumu laika un problēmu ziņā.

Šajā emuārā ir paskaidrots, kā mainīt iframe avotu JavaScript.

Kas ir iekļauts rāmis?

“ iekļauts rāmis ” tiek izmantots, lai pašreizējā dokumentā ietvertu citu norādītu dokumentu. Tā rezultātā tīmekļa lapas tiek pārslēgtas, pamatojoties uz norādītajām saitēm.





Kā mainīt Iframe avotu JavaScript?

Iframe avotu var mainīt JavaScript, izmantojot šādas pieejas kopā ar ' getElementById() ” metode:



  • ' Nodots parametrs ”Tehnika.
  • ' atlasītsIndekss ”Īpašums.

1. pieeja: mainiet Iframe avotu JavaScript, izmantojot apstiprināto parametru metodi

Šo paņēmienu var izmantot, lai pārslēgtos uz norādīto lapu, ievietojot atbilstošo lapas saiti kā funkcijas parametru, kad tai piekļūst ar pogas palīdzību.



Piemērs
Sekosim tālāk norādītajam piemēram:



< centrs >< h2 > Mainiet iframe avotu iekšā JavaScript h2 >
< iframe id = 'tīmekļa lapa' src = 'https://linuxhint.com/detect-tab-key-javascript/' platums = '1000' augstums = '550' rāmja apmale = '0' ritināšanu = 'Nē' > iframe >
< br >< br >
< pogu onclick = 'changeIframe('https://linuxhint.com/category/linux-commands/')' > Noklikšķiniet, lai parādītu Linux komandu lapu pogu >
< br > br >
centrs >

Iepriekš minētajās koda rindās veiciet šādas darbības:

  • Norādiet norādīto saiti sadaļā ' ” tagu kopā ar pielāgotajiem izmēriem.
  • Izveidojiet arī pogu ar pievienotu ' onclick ” notikums, kas novirza uz funkciju changeIframe(), kuras parametrs ir norādītā saite.
  • Tādējādi, noklikšķinot uz pogas, lapa tiks novirzīta uz norādīto saiti.

Turpināsim ar koda JavaScript daļu:



< skripta veids = 'teksts/javascript' >
funkciju mainītIframe ( mainīt ) {
dokumentu. getElementById ( 'tīmekļa lapa' ) . src = mainīt ;
}
skripts >

Iepriekš minētajā koda fragmentā:

  • Deklarējiet funkciju ar nosaukumu ' changeIframe() ”.
  • Tās definīcijā piekļūstiet norādītajai saitei sadaļā ' iekļauts rāmis ' elements, izmantojot ' document.getElementById() ” metode.
  • Pēc tam izmantojiet ' src ” atribūtu un piešķirt norādīto saiti pēc funkcijas piekļuves piekļūtajai saitei, izmantojot parametru “ mainīt ”.
  • Tā rezultātā pēc pogas noklikšķināšanas tiks pārslēgtas lapas attiecībā uz norādītajām saitēm.

Izvade

Iepriekš minētajā izvadē var novērot, ka lapas tiek pārslēgtas, noklikšķinot uz pogas.

2. pieeja: mainiet Iframe avotu JavaScript, izmantojot atlasīto indeksa rekvizītu

' atlasītsIndekss ” rekvizīts nolaižamajā sarakstā atgriež atlasītās opcijas indeksu. Šo rekvizītu var lietot, lai novirzītu uz norādīto saiti saistībā ar nolaižamajā sarakstā atlasītās opcijas vērtību.

Piemērs
Ievērosim šādu piemēru:

< centrs >< ķermeni >
< iframe id = 'tīmekļa lapa' src = 'https://linuxhint.com/detect-tab-key-javascript/' platums = '1000' augstums = '550' rāmja apmale = '0' ritināšanu = 'Nē' > iframe >
< br >< br >
< atlasiet id = 'saites' >
< opcijas vērtība = 'https://linuxhint.com/auto-refresh-web-page-every-5-seconds-javascript/' > Pāriet uz rakstu 1
< opcijas vērtība = 'https://linuxhint.com/convert-array-to-object-javascript/' > Pāriet uz rakstu divi
izvēlieties >
< br >< br >
< pogu noklikšķiniet uz = 'changeIframe();' > Mainīt Iframe Src pogu >
< br >< br >
ķermeni > centrs >

Iepriekš minētajās koda rindās veiciet šādas darbības:

  • Atgādiniet darbību, lai norādītu norādīto saiti sadaļā “