În cazul în care utilizatorul uită să-l specifice în momentul creării iframe-ului, acesta poate fi adăugat dinamic după creare folosind JavaScript.
Acest ghid explică procedura completă de transmitere a parametrilor URL unui iframe în JavaScript.
Care este procesul de transmitere a parametrilor URL unui iframe în JavaScript?
Pentru a transmite parametri URL unui „Iframe”, urmați instrucțiunile pas cu pas furnizate.
Pasul 1: Creați cod HTML pentru elementul Iframe HTML
În primul rând, creați un element „iframe” în codul HTML cu ajutorul „ ' etichetă:
< iframe id = „myIframe” chenarul cadru = '1' > iframe >
Aici elementul HTML creat are un id „myIframe” și este stilat folosind proprietatea „frameborder” cu valoarea „1”.
Pasul 2: Transmiteți parametrul URL la Cadrul Iframe creat
Apoi, urmați codul JavaScript menționat mai jos pentru a transmite/a adăuga un parametru URL la elementul iframe creat:
< scenariu >lasa Iframe = document. getElementById ( „myIframe” ) ;
lăsa URL = „onkeyup.html” ;
lasa latime = '300' ;
lasa inaltimea = '500' ;
lasa geo = 'Regatul Unit' ;
lasă passURL = URL + '?geo=' + geo + „&size=' + lăţime + 'X' + înălţime ;
Iframe. src = adsURL ;
consolă. Buturuga ( passURL ) ;
scenariu >
În rândurile de cod de mai sus:
- Prima variabilă „Iframe” aplică „ document.getElementById() ” pentru a accesa elementul „iframe” creat folosind id-ul său „myIframe”.
- Al doilea ' URL ” variabila specifică calea documentului dorit pe care utilizatorul dorește să îl încorporeze în documentul HTML curent printr-un iframe.
- În continuare, „ lăţime variabila „ definește lățimea elementului iframe creat și „ înălţime ” variabila specifică înălțimea acesteia.
- După aceea, variabila „geo” definește domeniul adresei URL, adică „uk(Internet country code top-level domain (ccTLD))”.
- Acum ' passURL ” variabila concatenează valorile variabilei URL, geografică, lățime și înălțime pentru a construi o adresă URL.
- Apoi, transmiteți adresa URL construită elementului iframe creat.
- În cele din urmă, „ console.log() ” metoda afișează adresa URL construită.
Pasul 3: Verificați ieșirea
Se poate observa că URL-ul construit al unui document HTML a trecut cu succes la elementul iframe creat.
Concluzie
În JavaScript, pentru a transmite parametri URL unui element iframe, utilizatorul trebuie să „creeze un element iframe eșantion”, apoi să „construiască o adresă URL” specificând „calea”, „lățimea”, „înălțimea” și „domeniul” atribute. Când URL-ul este construit, transmiteți-l elementului iframe HTML creat. Acest ghid a explicat practic procedura completă de transmitere a parametrilor URL unui iframe în JavaScript.