Bu blog belirtilen href ifadesinin “ ” işlevlerini tartışacaktır.
“ ” href İfadesi Ne İşe Yarar?
Bir HTML'deki href özelliği ' ” etiketi genellikle bağlantının yönlendirildiği URL'yi veya web sayfasını belirtir.
Bu durumuda ' ”, href özelliği “ olarak ayarlanmıştır. javascript:; tıklandığında hiçbir şey yapmayan bir yer tutucu değerdir. Bu genellikle bağlantı bir JavaScript işlevi veya olayı için kullanıldığında kullanılır ve kullanıcıyı yeni bir sayfaya yönlendirmesi gerekmez.
“ javascript:; ”, HTML ve CSS ile entegre etmek için JavaScript'in en etkileyici özelliğidir. JavaScript işlevlerini bir HTML href veya bağlantı etiketinde çağırmaya yardımcı olur.
Örnek
Verilen örnekte, “ ile bağlantıya tıklayarak resmi geçerli sayfada görüntüleyin. javascript:; ” tarayıcının mevcut sayfadan çıkmasını engelleyecek olan href özelliğinde:
< div kimliği = 'benim görselim' > div >
< bir href = 'javascript: img = document.createElement('img');
img.src = 'güneş.jpg';
src = belge.getElementById('myImg');
src.appendChild(img);' > Resmi Göster A >
Yukarıdaki kodda:
- İlk olarak, HTML dosyasında bir div öğesi oluşturun ve bir kimlik atayın ' resmim ”.
- href niteliğini “ olarak ayarlayın javascript:; ” ve bir “ oluşturun img “ öğesini kullanan öğe öğe oluştur() ' yöntem.
- “ kaynak ” özniteliği görüntünün yolunu gösterecektir.
- Görüntüyü göstermek için HTML dosyasındaki görüntü öğesinin referansını ' kullanarak alın. getElementById() ' yöntem.
- Görüntüyü “ kullanarak bir alt öğe olarak ekleyin. ek çocuk() ' yöntem.
Çıktı, bağlantıya tıklandığında görüntünün aynı sayfada görüntüleneceğini belirtir:
Fonksiyona href etiketindeki “ ile de erişebilirsiniz. javascript:; ' Yer tutucu:
< div kimliği = 'benim görselim' > div >< bir href = 'javascript:myFunction();' > Beni tıkla A >
Bir işlev tanımlayın ' benimFonksiyonum() ”, href etiketiyle erişilen