Bu yazımızda, JavaScript "void" operatörünü inceleyeceğiz.
Bu operatörü, bir JavaScript ifadesini HTML bağlantısı olarak belirtmek için kullanabilirsiniz.
Uygulama:
<!DOCTYPE html>
<head>
<meta charset="utf-8"/>
<title>JS void operatörü</title>
</head>
<body>
<a href="javascript:void(0);">Boş bağlantı</a><br />
<a href="javascript:void(document.getElementById('pt_box').style.backgroundColor='#0094ff');">Arkaplanı değiştir</a><br />
<a href="javascript:void(document.getElementById('pt_box').style.backgroundColor='#ffffff');">Eski haline dön</a>
<div id="pt_box">Arkaplan rengi değişecek...</div>
</body>
</html>
Sonuç:
Aşağıdaki bağlantılara tıklayarak deneyebilirsiniz...
Boş bağlantı
Arkaplanı değiştir
Eski haline dön
Arkaplan rengi değişecek...
Açıklamalar:
- Bu örneğimizde gördüğünüz gibi 3 adet bağlantı oluşturduk ve bu bağlantılara "void" operatörünü kullanarak JavaScript ifadeleri tanımladık.
- 8.İkinci bağlantımızda "pt_box" id'li kutunun arkaplan rengine müdahele ettik ve linke tıklanınca değişmesini sağladık.
- 7.Birinci bağlantımızda ise "void(0)" kullandığımız için herhangi bir etkiye yol açmadı, boş bağlantı olarak kaldı.
Kolay gelsin, görüşmek üzere...
