您好,登錄后才能下訂單哦!
本篇內容介紹了“JavaScript開發技術有哪些”的有關知識,在實際案例的操作過程中,不少人都會遇到這樣的困境,接下來就讓小編帶領大家學習一下如何處理這些情況吧!希望大家仔細閱讀,能夠學有所成!
1、使用正確的 <script> 標簽
如果你需要在 html 文檔中使用一些 JavaScript 代碼,你應當通常會使用如下的 <script> 標簽:
<script type="text/javascript"> //insert your code here </script>
但是在源代碼中,以下這種標簽寫法隨處可見:
<script type="text/javascript" language="javascript"> //insert your code here </script>
在 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 文檔中使用 <script> 標簽來引入它:
<script src="http://www.mangguo.org/myscript.js"></script>
3、避免使用 HTML 注釋包裹代碼
90 年代一些非常古老的瀏覽器無法執行 JavaScript 代碼。為了防止這些瀏覽器出現不必要的結果。在 1994 年至 1997 年間,在 HTML 中使用注釋包裹 JavaScript 代碼是良好的兼容方案,以保證不支持 JavaScript 的瀏覽器能夠忽略它。
這里是一個簡單案例:
<script language="JavaScript"> <!-- //insert your code here //--> </script>
然而在 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 等等。比如:
<input type="text" name="date" onchange="validateDate()" />雖然照樣可行,但卻很不簡潔。HTML 應當只包含文檔的結構層面,就如同使用內聯 CSS 是不好的做法一樣,內聯 JavaScript 同樣不可取。
取而代之,下面的代碼如何?使用 jQuery 也很簡單:
$(document).ready(function(){ $('input[name=date]').bind('change', validateDate); });
7、在文檔底部包含腳本文件
不久以前,在 <head> 和 </head> 標簽之間插入腳本文件一度成為***實踐。但瀏覽器是順序解析文檔,并動態加載外部文件的。這就意味著在頁面頭部插入腳本會在安排在頁面內容之前加載。
為了在內容就緒之后再加載腳本,JavaScript 文件應該在文檔底部被包含。就像下面這樣:
<script src="myscript.js?"></script> </body> </html>
8、使用 JSLint
JSLint 是一款用于 JavaScript 源代碼檢查的應用程序。如果它發現 JS 中存在某些問題,就會返回相關的問題描述信息和大概的解決方案。
JSLint 能有效發現代碼中的缺陷,或者說代碼風格上值得改進之處。這個站點是 JavaScript 開發絕對值得收藏的。
9、不要輕易使用 document.write
陳舊的 document.write 方法已經被不贊成使用了好些年,然而這仍然是一貫使用的方法。
document.write("hello world");
應當使用 DOM 的 innerHTML 屬性在頁面中插入文本。
document.getElementById('hello').innerHTML = 'hello world';
“JavaScript開發技術有哪些”的內容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業相關的知識可以關注億速云網站,小編將為大家輸出更多高質量的實用文章!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。