Ha a felhasználó elfelejti megadni az iframe létrehozásakor, akkor a létrehozás után dinamikusan hozzáadható JavaScript segítségével.
Ez az útmutató elmagyarázza az URL-paraméterek átadásának teljes eljárását egy iframe-nek JavaScriptben.
Mi az URL-paraméterek átadásának folyamata egy iframe-nek JavaScriptben?
Az URL-paraméterek „Iframe”-nek való átadásához kövesse a mellékelt lépésenkénti utasításokat.
1. lépés: Hozzon létre HTML iframe elem HTML kódot
Először hozzon létre egy „iframe” elemet a HTML kódban a „ ” címke:
< iframe azonosító = 'myIframe' keretszegély = '1' > iframe >
Itt a létrehozott HTML elemnek „myIframe” az azonosítója, és a „frameborder” tulajdonság „1” értékű stílusát használja.
2. lépés: Adja át az URL-paramétert a létrehozott iframe-nek
Ezután kövesse az alábbi JavaScript-kódot egy URL-paraméter átadásához/adásához a létrehozott iframe elemhez:
< forgatókönyv >legyen Iframe = dokumentum. getElementById ( 'myIframe' ) ;
hagyja URL = 'onkeyup.html' ;
legyen szélessége = '300' ;
legyen magasság = '500' ;
hadd geo = 'uk' ;
let passURL = URL + '?geo=' + geo + '&size=' + szélesség + 'x' + magasság ;
Iframe. src = adsURL ;
konzol. log ( passURL ) ;
forgatókönyv >
A fenti kódsorokban:
- Az első „Iframe” változó a „ document.getElementById() ” metódussal elérheti a létrehozott „iframe” elemet annak „myIframe” azonosítójával.
- A második ' URL ” változó megadja a kívánt dokumentum elérési útját, amelyet a felhasználó egy iframe-en keresztül szeretne beágyazni az aktuális HTML dokumentumba.
- Ezután a „ szélesség ' változó határozza meg a létrehozott iframe elem szélességét és a ' magasság ” változó adja meg a magasságát.
- Ezt követően a „geo” változó határozza meg az URL domainjét, azaz „uk(Internet country code legfelső szintű domain (ccTLD))”.
- Most a ' passURL ” változó összefűzi az URL, földrajzi, szélesség és magasság változó értékeit az URL létrehozásához.
- Ezután adja át a létrehozott URL-t a létrehozott iframe elemnek.
- Végül a „ console.log() ” metódus megjeleníti a létrehozott URL-t.
3. lépés: Ellenőrizze a kimenetet
Megfigyelhető, hogy egy HTML dokumentum összeállított URL-je sikeresen átkerült a létrehozott iframe elemhez.
Következtetés
JavaScriptben az URL paraméterek iframe elemnek való átadásához a felhasználónak először „hozzon létre egy minta iframe elemet”, majd „URL-t kell létrehoznia” az „útvonal”, „szélesség”, „magasság” és „domain” megadásával. attribútumokat. Az URL összeállításakor adja át a létrehozott HTML iframe elemnek. Ez az útmutató gyakorlatilag elmagyarázta az URL-paraméterek átadásának teljes eljárását egy iframe-nek JavaScriptben.