2010-12-18 53 views
52

什麼是通俗易懂的Javascript in layman terms?一個例子可以幫助我理解。什麼是通俗易懂的Javascript在外行方面?

+8

維基百科擁有不錯的文章:http://en.wikipedia.org/wiki/Unobtrusive_JavaScript – 2010-12-18 16:03:30

+0

@Madhur:+1您的評論值得作爲回答 – darioo 2010-12-18 16:04:23

回答

74

結帳維基百科的文章:

「非侵入式JavaScript」 是一個普遍的 方法在 網頁使用JavaScript。雖然期限不 正式的定義,其基本原則 通常被理解爲包括:

  • 從一個網頁的 結構/內容和形式
  • 最佳實踐的功能(以下簡稱「行爲層」)分離避免了傳統的JavaScript 編程
  • 漸進增強的問題(如瀏覽器 不一致和缺乏 可擴展性),以支持可能不 支持高級JavaScri用戶代理PT 功能[2]

所以它基本上是分離呈現或HTML行爲或JavaScript。

例子:

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

,由於行爲和表現混合不unobstrusive的JavaScript。 onclick不應該在HTML中,應該是JavaScript本身的一部分,而不是HTML。

有了上面的例子中,你可以去unobstrusive這樣的:

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

的JavaScript:

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

我們已經分開HTML與JavaScript的一個非常基本的例子時間。

注:

還有更多的unobstrusive JavaScript作爲可以在維基百科的文章被登出。

+1

感謝您的一個很好的例子,但爲什麼它有壞onclick = 「alert('Test')in html? – Imran 2010-12-18 16:16:25

+6

@Imran:出於多種原因,如果你仔細考慮它,爲了便於攜帶,易於其他人查找事物,擴展性等。 – Sarfraz 2010-12-18 16:19:47

相關問題