Kui kasutaja unustab selle iframe'i loomise ajal täpsustada, saab selle lisada dünaamiliselt pärast loomist JavaScripti abil.
See juhend selgitab täielikku protseduuri URL-i parameetrite edastamiseks JavaScripti iframe'ile.
Mis on URL-i parameetrite edastamine JavaScripti iframe'ile?
URL-i parameetrite edastamiseks „Iframe'ile” järgige esitatud samm-sammult juhiseid.
1. toiming: looge HTML-i iframe'i elemendi HTML-kood
Esiteks looge HTML-koodis 'iframe' element, kasutades ' ” silt:
< iframe id = 'myIframe' raamipiir = '1' > iframe >
Siin on loodud HTML-i elemendil ID 'myIframe' ja see on kujundatud atribuudi 'frameborder' abil väärtusega '1'.
2. samm: edastage URL-i parameeter loodud iframe'ile
Järgmisena järgige loodud iframe'i elemendile URL-i parameetri edastamiseks/lisamiseks alltoodud JavaScripti koodi:
< stsenaarium >lase Iframe = dokument. getElementById ( 'myIframe' ) ;
lase URL = 'onkeyup.html' ;
lase laius = '300' ;
lase kõrgusel = '500' ;
lase geo = 'uk' ;
lase URL-il läbida = URL + '?geo=' + geo + '&suurus=' + laius + 'x' + kõrgus ;
Iframe. src = adsURL ;
konsool. logi ( passURL ) ;
stsenaarium >
Ülaltoodud koodiridades:
- Esimene „Iframe” muutuja rakendab „ document.getElementById() ' meetod, et pääseda juurde loodud 'iframe' elemendile, kasutades selle ID-d 'myIframe'.
- Teine ' URL Muutuja määrab soovitud dokumendi tee, mille kasutaja soovib iframe'i kaudu praegusesse HTML-dokumenti manustada.
- Järgmiseks ' laius Muutuja ' määrab loodud iframe elemendi laiuse ja ' kõrgus ” muutuja määrab selle kõrguse.
- Pärast seda määrab muutuja 'geo' URL-i domeeni, st 'uk (Interneti riigikoodi tippdomeen (ccTLD))'.
- Nüüd, ' passURL ” muutuja ühendab URL-i koostamiseks muutuja URL-i, geograafilise piirkonna, laiuse ja kõrguse väärtused.
- Järgmisena edastage loodud URL loodud iframe'i elemendile.
- Lõpuks, ' console.log() ” meetod kuvab koostatud URL-i.
3. samm: kontrollige väljundit
Võib täheldada, et HTML-dokumendi konstrueeritud URL on edukalt üle antud loodud iframe elemendile.
Järeldus
JavaScriptis peab kasutaja URL-i parameetrite edastamiseks iframe'i elemendile esmalt looma iframe'i näidiselemendi ja seejärel 'konstrueerima URL', määrates selle 'tee', 'laiuse', 'kõrguse' ja 'domeeni'. atribuudid. Kui URL on koostatud, edastage see loodud HTML-i iframe'i elemendile. See juhend selgitas praktiliselt täielikku protseduuri URL-i parameetrite edastamiseks JavaScripti iframe'i.