Kaip pakeisti „Iframe“ šaltinį „JavaScript“?

Kaip Pakeisti Iframe Saltini Javascript



Kuriant tinklalapį ar svetainę, yra reikalavimas nukreipti galutinį vartotoją į kitą tinklalapį, kad jis pasiektų atitinkamą / ieškomą ' turinys “. Be to, tuo pačiu metu vartotojui suteikiama įvairių funkcijų, todėl pasiekiamumas tampa įmanomas. Tokiais atvejais „iframe“ šaltinio pakeitimas „JavaScript“ daro stebuklus, nes vartotojas supaprastina laiką ir vargo.

Šiame tinklaraštyje bus paaiškinta, kaip pakeisti „iframe“ šaltinį „JavaScript“.

Kas yra įterptinis rėmelis?

„ įdėtas rėmelis “ naudojamas kitam nurodytam dokumentui esamame dokumente įtraukti. Dėl to tinklalapiai perjungiami pagal nurodytas nuorodas.





Kaip pakeisti „Iframe“ šaltinį „JavaScript“?

„Iframe“ šaltinį galima pakeisti „JavaScript“ naudojant šiuos metodus kartu su „ getElementById() “ metodas:



  • “ Perduotas parametras “ Technika.
  • “ pasirinktasIndeksas ' Nuosavybė.

1 metodas: pakeiskite „Iframe“ šaltinį „JavaScript“ naudodami priimtų parametrų techniką

Šią techniką galima naudoti norint pereiti į nurodytą puslapį, įdedant atitinkamą puslapio nuorodą kaip funkcijos parametrą, kai pasiekiama mygtuko pagalba.



Pavyzdys
Sekime toliau pateiktu pavyzdžiu:



< centras >< h2 > Pakeiskite iframe šaltinį in JavaScript h2 >
< iframe ID = 'tinklo puslapis' src = 'https://linuxhint.com/detect-tab-key-javascript/' plotis = '1000' aukščio = '550' rėmo kraštinė = '0' slinkimas = 'Ne' > iframe >
< br >< br >
< mygtukas onclick = 'changeIframe('https://linuxhint.com/category/linux-commands/')' > Spustelėkite, kad būtų rodomas „Linux“ komandų puslapis mygtuką >
< br > br >
centras >

Aukščiau pateiktose kodo eilutėse atlikite šiuos veiksmus:

  • Nurodykite nurodytą nuorodą „ “ žymą kartu su pakoreguotais matmenimis.
  • Taip pat sukurkite mygtuką su pridėtu „ paspaudus ” įvykis, nukreipiantis į funkciją changeIframe(), kurios parametras yra nurodyta nuoroda.
  • Taip puslapis bus nukreiptas į nurodytą nuorodą spustelėjus mygtuką.

Pereikime prie kodo „JavaScript“ dalies:



< scenarijaus tipas = 'tekstas/javascript' >
funkcija ChangeIframe ( pakeisti ) {
dokumentas. getElementById ( 'tinklo puslapis' ) . src = pakeisti ;
}
scenarijus >

Aukščiau pateiktame kodo fragmente:

  • Paskelbkite funkciją pavadinimu ' changeIframe() “.
  • Jo apibrėžime pasiekite nurodytą nuorodą „ įdėtas rėmelis “ elementą naudojant „ document.getElementById() “ metodas.
  • Po to pritaikykite „ src ' atributą ir paskirkite nurodytą nuorodą, kai funkcija pasiekia prieigą prie gautos nuorodos, naudodami parametrą ' pakeisti “.
  • Paspaudus mygtuką, puslapiai bus perjungti pagal nurodytas nuorodas.

Išvestis

Aukščiau pateiktoje išvestyje galima pastebėti, kad paspaudus mygtuką puslapiai perjungiami.

2 metodas: pakeiskite „Iframe“ šaltinį „JavaScript“ naudodami pasirinktą indekso ypatybę

„ pasirinktasIndeksas “ ypatybė grąžina pasirinktos parinkties indeksą išskleidžiamajame sąraše. Ši ypatybė gali būti taikoma norint peradresuoti į nurodytą nuorodą, atsižvelgiant į pasirinktos parinkties vertę išskleidžiamajame sąraše.

Pavyzdys
Pažiūrėkime į tokį pavyzdį:

< centras >< kūnas >
< iframe ID = 'tinklo puslapis' src = 'https://linuxhint.com/detect-tab-key-javascript/' plotis = '1000' aukščio = '550' rėmo kraštinė = '0' slinkimas = 'Ne' > iframe >
< br >< br >
< pasirinkite id = 'nuorodos' >
< pasirinkimo vertė = 'https://linuxhint.com/auto-refresh-web-page-every-5-seconds-javascript/' > Perjungti į straipsnį 1
< pasirinkimo vertė = 'https://linuxhint.com/convert-array-to-object-javascript/' > Perjungti į straipsnį du
pasirinkite >
< br >< br >
< mygtuką Spustelėkite = 'pakeistiIframe();' > Keisti Iframe Src mygtuką >
< br >< br >
kūnas > centras >

Aukščiau pateiktose kodo eilutėse atlikite šiuos veiksmus:

  • Prisiminkite veiksmą, kaip nurodyti nurodytą nuorodą „