Kullanıcının iframe oluşturma sırasında bunu belirtmeyi unutması durumunda, oluşturma sonrasında JavaScript kullanılarak dinamik olarak eklenebilir.
Bu kılavuz, URL parametrelerini JavaScript'teki bir iframe'e aktarma prosedürünün tamamını açıklamaktadır.
URL Parametrelerini JavaScript'te bir iframe'e Aktarma İşlemi nedir?
URL parametrelerini bir 'Iframe'e aktarmak için sağlanan adım adım talimatları izleyin.
1. Adım: HTML Iframe Öğesi HTML Kodu Oluşturun
Öncelikle HTML kodunda “iframe” öğesinin yardımıyla bir “iframe” öğesi oluşturun. ' etiket:
< iframe kimliği = 'Iframe'im' Çerçeve sınırı = '1' > iframe >
Burada oluşturulan HTML öğesinin 'myIframe' kimliği vardır ve '1' değerine sahip 'frameborder' özelliği kullanılarak stillendirilir.
2. Adım: URL Parametresini Oluşturulan Iframe'e Aktarın
Daha sonra, oluşturulan iframe öğesine bir URL parametresi iletmek/eklemek için aşağıda belirtilen JavaScript kodunu izleyin:
< senaryo >Iframe'e izin ver = belge. getElementById ( 'Iframe'im' ) ;
izin vermek URL'si = 'onkeyup.html' ;
genişliğe izin ver = '300' ;
yüksekliğe izin ver = '500' ;
coğrafi izin ver = 'İngiltere' ;
URL'nin geçmesine izin ver = URL'si + '?coğrafya =' + coğrafya + '&boyut =' + Genişlik + 'X' + yükseklik ;
Iframe. kaynak = reklam URL'si ;
konsol. kayıt ( şifre URL'si ) ;
senaryo >
Yukarıdaki kod satırlarında:
- İlk “Iframe” değişkeni “ document.getElementById() Oluşturulan “iframe” öğesine “myIframe” kimliğini kullanarak erişmenin yöntemini kullanın.
- İkinci ' URL'si ” değişkeni, kullanıcının mevcut HTML belgesine bir iframe aracılığıyla eklemek istediği belgenin yolunu belirtir.
- Daha sonra “ Genişlik ” değişkeni, oluşturulan iframe öğesinin genişliğini ve “ yükseklik ” değişkeni yüksekliğini belirtir.
- Bundan sonra, “coğrafi” değişkeni URL’nin etki alanını tanımlar, yani “uk(İnternet ülke kodu üst düzey etki alanı (ccTLD))”.
- Şimdi ' şifre URL'si ” değişkeni, bir URL oluşturmak için URL, coğrafi konum, genişlik ve yükseklik değişkeninin değerlerini birleştirir.
- Daha sonra oluşturulan URL'yi oluşturulan iframe öğesine iletin.
- Son olarak “ console.log() ” yöntemi oluşturulan URL'yi görüntüler.
3. Adım: Çıktıyı Doğrulayın
Bir HTML belgesinin oluşturulan URL'sinin, oluşturulan iframe öğesine başarıyla aktarıldığı gözlemlenebilir.
Çözüm
JavaScript'te, URL parametrelerini bir iframe öğesine aktarmak için kullanıcının önce 'örnek bir iframe öğesi oluşturması' ve ardından bunun 'yolunu', 'genişliğini', 'yüksekliğini' ve 'etki alanını' belirterek 'bir URL oluşturması' gerekir. Öznitellikler. URL oluşturulduğunda, onu oluşturulan HTML iframe öğesine iletin. Bu kılavuz, URL parametrelerini JavaScript'teki bir iframe'e aktarma prosedürünün tamamını pratik olarak açıkladı.