href ve onclick içinde JavaScript işlevi

Herhangi bir yönlendirme olmadan bir tıklamayla basit bir JavaScript işlevi çalıştırmak istiyorum.

JavaScript çağrısını href niteliğine koymak arasında herhangi bir fark veya fayda var mı (bunun gibi:

<a href="javascript:my_function();window.print();">....</a>

) ile onclick niteliğine koymak (onclick olayına bağlamak) arasında bir fark var mı?

Çözüm

Tıklamayı href'in içine koymak, içeriğin davranıştan/eylemden ayrılmasına güçlü bir şekilde inananları rahatsız edecektir. Buradaki argüman, html içeriğinizin sunum veya davranışa değil, yalnızca içeriğe odaklanması gerektiğidir.

Bugünlerde tipik yol, bir javascript kütüphanesi (örneğin jquery) kullanmak ve bu kütüphaneyi kullanarak bir olay işleyici oluşturmaktır. Şöyle bir şey olabilir:

$('a').click( function(e) {e.preventDefault(); /*your_code_here;*/ return false; } );
Yorumlar (6)

Tüm bunlara ek olarak, href tarayıcı durum çubuğunda gösterilir ve onclick gösterilmez. Bence javascript kodunu orada göstermek kullanıcı dostu değil.

Yorumlar (0)

Şahsen, javascript çağrılarını HREF etiketine koymayı can sıkıcı buluyorum. Genellikle bir şeyin javascript bağlantısı olup olmadığına dikkat etmiyorum ve çoğu zaman bir şeyleri yeni bir pencerede açmak istiyorum. Bunu bu tür bağlantılardan biriyle yapmayı denediğimde, üzerinde hiçbir şey olmayan boş bir sayfa ve konum çubuğumda javascript görüyorum. Ancak, onlick kullanarak bu durum biraz atlatılabilir.

Yorumlar (0)