2010-12-18 10 views
52

Ahlaksız Javascript layman açısından nedir? Bir örnek anlayışıma yardımcı olmak güzel olurdu.Ahlaksız Javascript layman açısından nedir?

+8

Vikipedi iyi bir makaleye sahiptir: http://en.wikipedia.org/wiki/Unobtrusive_JavaScript –

+0

@Madhur: +1 Yorumunuz cevaplamaya layıktır. – darioo

cevap

74

Ödeme wikipedia makalesi:

"Mütevazi JavaScript" web sayfalarında JavaScript kullanımına genel yaklaşımdır. terim resmen tanımlanmış olmasa da onun temel ilkeleri genellikle içerdiği anlaşılır:

  • bir Web sayfasının yapı/içerik ve sunum
  • iyi uygulamalar işlevlerinden ("davranış katmanı") ayrılması destek Javascri gelişmiş olmayabilir kullanıcı aracıları desteklemek için (örneğin tarayıcı tutarsızlıklar olarak ve ölçeklenebilirlik eksikliği) geleneksel JavaScript programlama sorunları
  • Aşamalı geliştirmeyi önlemek için nk işlevselliği [2]

Yani temelde sunum veya html gelen davranış veya javascript ayırıyor.

Örnek: davranış ve sunum karışık çünkü unobstrusive javascript değildir

<input type="button" id="btn" onclick="alert('Test')" /> 

. onclick html içinde olmamalı ve html değil javascript'in bir parçası olmalıdır. Yukarıdaki örnek ile

, böyle unobstrusive gidebilir:

<input type="button" id="btn" /> 

JavaScript:

var el = document.getElementById('btn'); 
el.onclick = function(){ 
    alert('Test'); 
}; 

biz çok temel bir örnekle html gelen javascript ayrılmış olan o zamandır.

Not:

wikipedia makalesinde üzerinde kontrol edilebilir olarak unobstrusive javascript fazlası var.

+1

Harika bir örnek için teşekkürler ama neden onclick = "html" uyarısı ('Test')? – Imran

+6

@Imran: Eğer düşünürseniz bir dizi nedenden dolayı. Kolay taşınabilirlik için, başkaları için kolaylık, genişletilebilirlik vb. – Sarfraz