Jos käyttäjä unohtaa määrittää sen iframe-kehyksen luomisen yhteydessä, se voidaan lisätä dynaamisesti luomisen jälkeen JavaScriptin avulla.
Tämä opas selittää täydellisen menettelyn URL-parametrien välittämiseksi JavaScriptin iframe-kehykseen.
Mikä on prosessi URL-parametrien välittämiseksi JavaScriptin iframe-kehykseen?
Voit siirtää URL-parametrit 'Iframeen' noudattamalla toimitettuja vaiheittaisia ohjeita.
Vaihe 1: Luo HTML Iframe Elementin HTML-koodi
Luo ensin 'iframe'-elementti HTML-koodiin ' 'tunniste:
< iframe-tunnus = 'myIframe' kehyskehys = '1' > iframe >
Tässä luodulla HTML-elementillä on tunnus 'myIframe' ja se on tyylitelty 'frameborder'-ominaisuuden avulla arvolla '1'.
Vaihe 2: Välitä URL-parametri luotuun iframe-kehykseen
Seuraa seuraavaksi alla olevaa JavaScript-koodia siirtääksesi/lisätaksesi URL-parametrin luotuun iframe-elementtiin:
< käsikirjoitus >anna Iframe = asiakirja. getElementById ( 'myIframe' ) ;
antaa URL-osoite = 'onkeyup.html' ;
anna leveyden = '300' ;
anna korkeuden = '500' ;
anna geo = 'uk' ;
anna passURL = URL-osoite + '?geo=' + geo + '&koko=' + leveys + 'x' + korkeus ;
Iframe. src = adsURL ;
konsoli. Hirsi ( passURL ) ;
käsikirjoitus >
Yllä olevilla koodiriveillä:
- Ensimmäinen 'Iframe'-muuttuja käyttää ' document.getElementById() ' -menetelmää päästäksesi luotuun 'iframe'-elementtiin sen tunnuksella 'myIframe'.
- Toinen ' URL-osoite ”-muuttuja määrittää halutun asiakirjan polun, jonka käyttäjä haluaa upottaa nykyiseen HTML-dokumenttiin iframe-kehyksen kautta.
- Seuraavaksi ' leveys '-muuttuja määrittää luodun iframe-elementin leveyden ja ' korkeus ”-muuttuja määrittää sen korkeuden.
- Tämän jälkeen 'geo'-muuttuja määrittää URL-osoitteen verkkotunnuksen eli 'uk(Internet country code top-level domain (ccTLD))'.
- Nyt ' passURL ”-muuttuja ketjuttaa URL-osoitteen, geo-, leveys- ja korkeusmuuttujan arvot URL-osoitteen muodostamiseksi.
- Välitä seuraavaksi muodostettu URL-osoite luodulle iframe-elementille.
- Lopuksi ' console.log() ” -menetelmä näyttää muodostetun URL-osoitteen.
Vaihe 3: Tarkista lähtö
Voidaan havaita, että HTML-dokumentin muodostettu URL-osoite on onnistuneesti välitetty luotuun iframe-elementtiin.
Johtopäätös
JavaScriptissä URL-parametrien välittämiseksi iframe-elementille käyttäjän on ensin 'luotava esimerkki iframe-elementistä' ja sitten 'luotava URL' määrittämällä sen 'polku', 'leveys', 'korkeus' ja 'verkkotunnus'. attribuutteja. Kun URL-osoite on muodostettu, välitä se luotuun HTML-iframe-elementtiin. Tämä opas selitti käytännössä täydellisen menettelyn URL-parametrien välittämiseksi JavaScriptin iframe-kehykseen.