JavaScript是一種廣泛用于客戶端Web開發的腳本語言，常用來給HTML網頁添加動態功能，下面介紹九個JavaScript開發的經驗，供大家參考。

　　JavaScript是一種廣泛用于客戶端Web開發的腳本語言，常用來給HTML網頁添加動態功能，下面介紹九個JavaScript開發的經驗，供大家參考。

　　1、使用正確的

　　但是在源代碼中，以下這種標簽寫法隨處可見：

　　

　　在 HTML 中，language 屬性已經過時，因為具有 type 屬性后，language 它是冗余的。不要再這樣寫了。

　　事實上，客戶端默認為將 JavaScript 代碼指定 type=”text/javascript” 屬性，除非需要 type=”application/x-javascript” 這樣的類型，否則完全沒有必要寫 type 屬性。關于 JavaScript MIME 類型，這里有一篇參考文檔：http://krijnhoetmer.nl/stuff/javascript/mime-types/

　　2、將代碼放置于外部文件

　　使用外部 .js 文檔比在 html 文檔里直接寫 JavaScript 代碼要簡潔一些，同時也使得 JS 文件可以被緩存，保證網站資源的快速訪問。

　　將你的 JavaScript 代碼置于一個 .js 文檔中，然后在 html 文檔中使用

　　3、避免使用 HTML 注釋包裹代碼

　　90 年代一些非常古老的瀏覽器無法執行 JavaScript 代碼。為了防止這些瀏覽器出現不必要的結果。在 1994 年至 1997 年間，在 HTML 中使用注釋包裹 JavaScript 代碼是良好的兼容方案，以保證不支持 JavaScript 的瀏覽器能夠忽略它。

　　這里是一個簡單案例：

　　

　　然而在 2010 年，所有的瀏覽器(甚至是可愛的 IE 6)都能解釋 JavaScript 代碼，因此絕對沒有使用注釋包裹 JS 代碼的必要了。更糟的是，如果代碼被 HTML 注釋包裹，并且使用了 — 符號，瀏覽器可能會誤以為 HTML 文檔已經結束。

　　4、使用框架

　　除非你的 JavaScript 代碼很短或者很簡單，你應該通過框架來避免過多代碼上的重復勞動。在我看來，jQuery 是最好的，有一個很棒的社區，所以值得嘗試。

　　芒果語：其實 YUI 也很棒，系統、強大、完善、穩妥。更有牛逼叉叉的 Loader 機制，更高效地提高 Web 應用的性能。

　　5、使用 var 關鍵字聲明變量

　　你應當使用 var 語句來聲明變量，否則變量會存在于全局作用域內，并且使用 var 使得代碼可讀易懂。

　　比如下面的案例：

　　var name = "Jean"; var size = data.length;

　　之前在 JavaScript 中的對象引用機制 的評論中也有涉及變量作用域的問題。

　　6、保持代碼的分離

　　幾年前，當一個程序員想要為一個 HTML 元素添加事件時(比如說，你想要在用戶輸入時驗證時間信息)，他會使用特殊的屬性把 JavaScript 代碼放置于 html 中，比如 onblur、onchange，onclick 等等。比如：

　　雖然照樣可行，但卻很不簡潔。HTML 應當只包含文檔的結構層面，就如同使用內聯 CSS 是不好的做法一樣，內聯 JavaScript 同樣不可取。

　　取而代之，下面的代碼如何？使用 jQuery 也很簡單：

　　$(document).ready(function(){ $('input[name=date]').bind('change', validateDate); });

　　7、在文檔底部包含腳本文件

　　不久以前，在 和 標簽之間插入腳本文件一度成為最佳實踐。但瀏覽器是順序解析文檔，并動態加載外部文件的。這就意味著在頁面頭部插入腳本會在安排在頁面內容之前加載。

　　為了在內容就緒之后再加載腳本，JavaScript 文件應該在文檔底部被包含。就像下面這樣：

　　

　　8、使用 JSLint

　　JSLint 是一款用于 JavaScript 源代碼檢查的應用程序。如果它發現 JS 中存在某些問題，就會返回相關的問題描述信息和大概的解決方案。

　　JSLint 能有效發現代碼中的缺陷，或者說代碼風格上值得改進之處。這個站點是 JavaScript 開發絕對值得收藏的。

　　9、不要輕易使用 document.write

　　陳舊的 document.write 方法已經被不贊成使用了好些年，然而這仍然是一貫使用的方法。

　　document.write("hello world");

　　應當使用 DOM 的 innerHTML 屬性在頁面中插入文本。

　　document.getElementById('hello').innerHTML = 'hello world';

轉載于:https://www.cnblogs.com/mount/archive/2011/11/08/2241734.html

總結

以上是生活随笔為你收集整理的分享JavaScript开发实战经验的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。