Jei vartotojas pamiršta jį nurodyti kurdamas iframe, tada jį galima dinamiškai pridėti sukūrus naudojant JavaScript.
Šiame vadove paaiškinama visa procedūra, kaip perduoti URL parametrus į „iframe“ „JavaScript“.
Koks yra URL parametrų perdavimo „iframe“ „JavaScript“ procesas?
Norėdami perduoti URL parametrus „Iframe“, vadovaukitės pateiktomis nuosekliomis instrukcijomis.
1 veiksmas: sukurkite HTML iframe elemento HTML kodą
Pirmiausia HTML kode sukurkite „iframe“ elementą naudodami „ “ žyma:
< iframe ID = 'myIframe' rėmo kraštinė = '1' > iframe >
Čia sukurtas HTML elementas turi ID 'myIframe' ir yra sukurtas naudojant 'frameborder' ypatybę su reikšme '1'.
2 veiksmas: perduokite URL parametrą į sukurtą iframe
Tada vadovaukitės toliau nurodytu „JavaScript“ kodu, kad perduotų / pridėtumėte URL parametrą į sukurtą „iframe“ elementą:
< scenarijus >tegul Iframe = dokumentas. getElementById ( 'myIframe' ) ;
leisti URL = 'onkeyup.html' ;
tegul plotis = '300' ;
tegul aukštis = '500' ;
tegul geo = 'uk' ;
leisti perduoti URL = URL + '?geo=' + geo + '&dydis=' + plotis + 'x' + aukščio ;
Iframe. src = adsURL ;
konsolė. žurnalas ( passURL ) ;
scenarijus >
Aukščiau pateiktose kodo eilutėse:
- Pirmasis „Iframe“ kintamasis taiko „ document.getElementById() “ metodas pasiekti sukurtą „iframe“ elementą naudojant jo ID „myIframe“.
- Antras ' URL “ kintamasis nurodo norimo dokumento, kurį vartotojas nori įterpti į dabartinį HTML dokumentą per iframe, kelią.
- Toliau „ plotis ' kintamasis apibrėžia sukurto iframe elemento plotį ir ' aukščio “ kintamasis nurodo jo aukštį.
- Po to kintamasis „geo“ apibrėžia URL domeną, t. y. „uk (interneto šalies kodo aukščiausio lygio domenas (ccTLD))“.
- Dabar „ passURL “ kintamasis sujungia URL, geografinio, pločio ir aukščio kintamojo reikšmes, kad būtų sukurtas URL.
- Tada perduokite sukurtą URL į sukurtą iframe elementą.
- Galiausiai „ console.log() “ metodas rodo sukurtą URL.
3 veiksmas: patikrinkite išvestį
Galima pastebėti, kad sukonstruotas HTML dokumento URL sėkmingai perduotas sukurtam iframe elementui.
Išvada
„JavaScript“, norėdamas perduoti URL parametrus „iframe“ elementui, vartotojas pirmiausia turi „sukurti iframe elemento pavyzdį“, o tada „sukurti URL“, nurodydamas jo „kelį“, „plotį“, „aukštį“ ir „domeną“. atributai. Sukūrę URL, perduokite jį sukurtam HTML iframe elementui. Šiame vadove praktiškai paaiškinta visa procedūra, kaip perduoti URL parametrus į „iframe“ „JavaScript“.