溫馨提示×
您好，登錄后才能下訂單哦！
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶(hù)服務(wù)條款》
您好，登錄后才能下訂單哦！
本篇內(nèi)容介紹了“JavaScript開(kāi)發(fā)技術(shù)有哪些”的有關(guān)知識(shí)，在實(shí)際案例的操作過(guò)程中，不少人都會(huì)遇到這樣的困境，接下來(lái)就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！
1、使用正確的 <script> 標(biāo)簽
如果你需要在 html 文檔中使用一些 JavaScript 代碼，你應(yīng)當(dāng)通常會(huì)使用如下的 <script> 標(biāo)簽：
<script type="text/javascript"> //insert your code here </script>
但是在源代碼中，以下這種標(biāo)簽寫(xiě)法隨處可見(jiàn)：
<script type="text/javascript" language="javascript"> //insert your code here </script>
在 HTML 中，language 屬性已經(jīng)過(guò)時(shí)，因?yàn)榫哂?type 屬性后，language 它是冗余的。不要再這樣寫(xiě)了。
事實(shí)上，客戶(hù)端默認(rèn)為將 JavaScript 代碼指定 type=”text/javascript” 屬性，除非需要 type=”application/x-javascript” 這樣的類(lèi)型，否則完全沒(méi)有必要寫(xiě) type 屬性。關(guān)于 JavaScript MIME 類(lèi)型，這里有一篇參考文檔：http://krijnhoetmer.nl/stuff/javascript/mime-types/
2、將代碼放置于外部文件
使用外部 .js 文檔比在 html 文檔里直接寫(xiě) JavaScript 代碼要簡(jiǎn)潔一些，同時(shí)也使得 JS 文件可以被緩存，保證網(wǎng)站資源的快速訪(fǎng)問(wèn)。
將你的 JavaScript 代碼置于一個(gè) .js 文檔中，然后在 html 文檔中使用 <script> 標(biāo)簽來(lái)引入它：
<script src="http://www.mangguo.org/myscript.js"></script>
3、避免使用 HTML 注釋包裹代碼
90 年代一些非常古老的瀏覽器無(wú)法執(zhí)行 JavaScript 代碼。為了防止這些瀏覽器出現(xiàn)不必要的結(jié)果。在 1994 年至 1997 年間，在 HTML 中使用注釋包裹 JavaScript 代碼是良好的兼容方案，以保證不支持 JavaScript 的瀏覽器能夠忽略它。
這里是一個(gè)簡(jiǎn)單案例：
<script language="JavaScript"> <!-- //insert your code here //--> </script>
然而在 2010 年，所有的瀏覽器（甚至是可愛(ài)的 IE 6）都能解釋 JavaScript 代碼，因此絕對(duì)沒(méi)有使用注釋包裹 JS 代碼的必要了。更糟的是，如果代碼被 HTML 注釋包裹，并且使用了 — 符號(hào)，瀏覽器可能會(huì)誤以為 HTML 文檔已經(jīng)結(jié)束。
4、使用框架
除非你的 JavaScript 代碼很短或者很簡(jiǎn)單，你應(yīng)該通過(guò)框架來(lái)避免過(guò)多代碼上的重復(fù)勞動(dòng)。在我看來(lái)，jQuery 是***的，有一個(gè)很棒的社區(qū)，所以值得嘗試。
芒果語(yǔ)：其實(shí) YUI 也很棒，系統(tǒng)、強(qiáng)大、完善、穩(wěn)妥。更有牛逼叉叉的 Loader 機(jī)制，更高效地提高 Web 應(yīng)用的性能。
5、使用 var 關(guān)鍵字聲明變量
你應(yīng)當(dāng)使用 var 語(yǔ)句來(lái)聲明變量，否則變量會(huì)存在于全局作用域內(nèi)，并且使用 var 使得代碼可讀易懂。
比如下面的案例：
var name = "Jean"; var size = data.length;
之前在 JavaScript 中的對(duì)象引用機(jī)制 的評(píng)論中也有涉及變量作用域的問(wèn)題。
6、保持代碼的分離
幾年前，當(dāng)一個(gè)程序員想要為一個(gè) HTML 元素添加事件時(shí)（比如說(shuō)，你想要在用戶(hù)輸入時(shí)驗(yàn)證時(shí)間信息），他會(huì)使用特殊的屬性把 JavaScript 代碼放置于 html 中，比如 onblur、onchange，onclick 等等。比如：
<input type="text" name="date" onchange="validateDate()" />雖然照樣可行，但卻很不簡(jiǎn)潔。HTML 應(yīng)當(dāng)只包含文檔的結(jié)構(gòu)層面，就如同使用內(nèi)聯(lián) CSS 是不好的做法一樣，內(nèi)聯(lián) JavaScript 同樣不可取。
取而代之，下面的代碼如何？使用 jQuery 也很簡(jiǎn)單：
$(document).ready(function(){ $('input[name=date]').bind('change', validateDate); });7、在文檔底部包含腳本文件
不久以前，在 <head> 和 </head> 標(biāo)簽之間插入腳本文件一度成為***實(shí)踐。但瀏覽器是順序解析文檔，并動(dòng)態(tài)加載外部文件的。這就意味著在頁(yè)面頭部插入腳本會(huì)在安排在頁(yè)面內(nèi)容之前加載。
為了在內(nèi)容就緒之后再加載腳本，JavaScript 文件應(yīng)該在文檔底部被包含。就像下面這樣：
<script src="myscript.js?"></script> </body> </html>
8、使用 JSLint
JSLint 是一款用于 JavaScript 源代碼檢查的應(yīng)用程序。如果它發(fā)現(xiàn) JS 中存在某些問(wèn)題，就會(huì)返回相關(guān)的問(wèn)題描述信息和大概的解決方案。
JSLint 能有效發(fā)現(xiàn)代碼中的缺陷，或者說(shuō)代碼風(fēng)格上值得改進(jìn)之處。這個(gè)站點(diǎn)是 JavaScript 開(kāi)發(fā)絕對(duì)值得收藏的。
9、不要輕易使用 document.write
陳舊的 document.write 方法已經(jīng)被不贊成使用了好些年，然而這仍然是一貫使用的方法。
document.write("hello world");應(yīng)當(dāng)使用 DOM 的 innerHTML 屬性在頁(yè)面中插入文本。
document.getElementById('hello').innerHTML = 'hello world';“JavaScript開(kāi)發(fā)技術(shù)有哪些”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)可以關(guān)注億速云網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實(shí)用文章！
免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號(hào)
手機(jī)網(wǎng)站二維碼