Kuinka muuttaa Iframe-lähdettä JavaScriptissä?

Kuinka Muuttaa Iframe Lahdetta Javascriptissa



Verkkosivua tai sivustoa luotaessa loppukäyttäjä on ohjattava toiselle verkkosivulle, jotta hän pääsee asiaankuuluvaan/hakuun ' sisältö ”. Tämän lisäksi eri toimintojen tarjoaminen käyttäjälle samanaikaisesti, jolloin saavutettavuus on mahdollista. Tällaisissa skenaarioissa iframe-lähteen muuttaminen JavaScriptissä tekee ihmeitä helpottamalla aikaa ja vaivaa.

Tässä blogissa kerrotaan, kuinka iframe-lähdettä vaihdetaan JavaScriptissä.

Mikä on Inline Frame?

' sisäinen kehys ' käytetään sisältämään toinen määritetty asiakirja nykyisessä asiakirjassa. Tämä johtaa web-sivujen vaihtamiseen ilmoitettujen linkkien perusteella.





Kuinka muuttaa Iframe-lähdettä JavaScriptissä?

Iframe-lähdettä voidaan muuttaa JavaScriptissä käyttämällä seuraavia lähestymistapoja yhdessä ' getElementById() 'menetelmä:



  • ' Hyväksytty parametri ”Tekniikka.
  • ' valittu Hakemisto ”Kiinteistö.

Lähestymistapa 1: Muuta Iframe-lähdettä JavaScriptissä käyttämällä hyväksyttyjen parametrien tekniikkaa

Tätä tekniikkaa voidaan käyttää siirtymiseen määritetylle sivulle asettamalla vastaava sivulinkki toiminnon parametriksi, kun sitä avataan painikkeen avulla.



Esimerkki
Noudatetaan alla olevaa esimerkkiä:



< keskusta >< h2 > Vaihda iframe-lähdettä sisään JavaScript h2 >
< iframe-tunnus = 'Nettisivu' src = 'https://linuxhint.com/detect-tab-key-javascript/' leveys = '1000' korkeus = '550' kehyskehys = '0' vierittää = 'Ei' > iframe >
< br >< br >
< painiketta onclick = 'changeIframe('https://linuxhint.com/category/linux-commands/')' > Napsauta näyttääksesi Linuxin komentosivun -painiketta >
< br > br >
keskusta >

Suorita yllä olevilla koodiriveillä seuraavat vaiheet:

  • Määritä mainittu linkki ' ” -tunnisteen sekä säädetyt mitat.
  • Luo myös painike, johon on liitetty ' klikkaamalla ” tapahtuma, joka ohjaa funktioon changeIframe(), jonka parametrina on määritetty linkki.
  • Tämä johtaa sivun ohjaamiseen ilmoitettuun linkkiin painiketta napsauttamalla.

Jatketaan koodin JavaScript-osaan:



< skriptityyppi = 'teksti/javascript' >
toiminto muutaIframe ( muuttaa ) {
asiakirja. getElementById ( 'Nettisivu' ) . src = muuttaa ;
}
käsikirjoitus >

Yllä olevassa koodinpätkässä:

  • Ilmoita funktio nimeltä ' muutaIframe() ”.
  • Käytä sen määritelmässä määritettyä linkkiä ' sisäinen kehys ' -elementti käyttämällä ' document.getElementById() ”menetelmä.
  • Käytä sen jälkeen ' src ' attribuutti ja allokoi ilmoitettu linkki funktiolle pääsyn yhteydessä käytettyyn linkkiin parametrilla ' muuttaa ”.
  • Tämä johtaa sivujen vaihtamiseen määritettyjen linkkien suhteen painiketta napsauttamalla.

Lähtö

Yllä olevassa tulosteessa voidaan havaita, että sivut vaihtuvat nappia painamalla.

Lähestymistapa 2: Muuta Iframe-lähdettä JavaScriptissä käyttämällä valittua hakemisto-ominaisuutta

' valittu Hakemisto '-ominaisuus palauttaa valitun vaihtoehdon indeksin avattavassa luettelossa. Tätä ominaisuutta voidaan käyttää ohjaamaan määritettyyn linkkiin suhteessa avattavasta luettelosta valitun vaihtoehdon arvoon.

Esimerkki
Tarkastellaanpa seuraavaa esimerkkiä:

< keskusta >< kehon >
< iframe-tunnus = 'Nettisivu' src = 'https://linuxhint.com/detect-tab-key-javascript/' leveys = '1000' korkeus = '550' kehyskehys = '0' vierittää = 'Ei' > iframe >
< br >< br >
< valitse tunnus = 'linkit' >
< vaihtoehdon arvo = 'https://linuxhint.com/auto-refresh-web-page-every-5-seconds-javascript/' > Vaihda artikkeliin 1
< vaihtoehdon arvo = 'https://linuxhint.com/convert-array-to-object-javascript/' > Vaihda artikkeliin kaksi
valitse >
< br >< br >
< painiketta napsauttamalla = 'changeIframe();' > Vaihda Iframe Src -painiketta >
< br >< br >
kehon > keskusta >

Suorita yllä olevilla koodiriveillä seuraavat vaiheet:

  • Muista vaihe ilmoitetun linkin määrittämiseksi '