JavaScript簡介
本文不是參考手冊式文章，僅適用于對JS產(chǎn)生一個大致的認知，如需JS的詳細語法與應用請移步w3school
JavaScript是什么？
JavaScript的誕生
在1995年前后，當時世界上的主流帶寬為28.8Kbps，現(xiàn)在世界平均下載帶寬為21.9Mbps（數(shù)據(jù)來源于http://www.netindex.com）。當時的網(wǎng)民，每提交一次表單，都需要等待很久才能收到服務器的回應，甚至很可能等了幾分鐘收到的卻是說缺少了某一項。為了改善用戶體驗，嵌入瀏覽器客戶端的能實現(xiàn)簡單表單判斷的腳本誕生了，這就是JavaScript。
JavaScript最早是工作于Netscape （網(wǎng)景公司）的 Brendan Eich為即將在1995年發(fā)行的NetscapeNavigator 2.0（NN2.0）開發(fā)的，當時叫做LiveScript。由于當時是和非常熱門的Sun公司合作的，為了趕上當時的潮流——Java語言，這門語言被命名為JavaScript。
JavaScript跟Java有什么關系？
這也是外行人聽到JavaScript的第一反應，也是這門語言被詬病最多的問題之一。
嚴格的說，沒有半毛錢關系。如果非要扯上關系，也許就是兩者的部分函數(shù)相同、面向對象思想、判斷結構、循環(huán)語句相同等等等等，但這些顯然不是Java的專利，而是編程語言的共識。
JavaScript的標準化及發(fā)展歷史
JavaScript推出時，用戶體驗更好的NN 瀏覽器主宰了瀏覽器市場，而微軟一直在追趕。在推出IE3的時候，微軟發(fā)布了VBScript并以JScript為名，實際上和Netscape的JavaScript沒有多大區(qū)別（用今天的話來講就是山寨）。面對微軟的競爭，Netscape和Sun公司將自己的JavaScript草案提交給ECMA（歐洲計算機制造商協(xié)會）對JavaScript進行了標準化，最后形成了ECMAScript 的第一個版本（ECMA-262）。
有意思的是，網(wǎng)景公司在標準化JavaScript之后，內(nèi)部卻出現(xiàn)了問題，JavaScript的研究停滯，而微軟則趁機趕超，推出了IE4，內(nèi)置了第一個遵循ECMA規(guī)范的JavaScript引擎，比NN提前了一年。再加上微軟系統(tǒng)逐步占領計算機操作系統(tǒng)市場，其預裝的IE瀏覽器市場份額逐漸加大，NN不斷被擠占市場。然而，當微軟失去了最大的對手后，它就沒有了發(fā)展的動力，IE6~IE8，無論是界面渲染還是腳本執(zhí)行，都互不兼容，成為瀏覽器史上的一朵奇葩，也是前端開發(fā)者的噩夢。
1.v1 1997年06月 首版
2.v2 1998年06月 格式修正，以使得其形式與ISO/IEC16262國際標準一致
3.v3 1999年12月 強大的正則表達式，更好的文字鏈處理，新的控制指令，異常處理，錯誤定義更加明確，數(shù)輸出的格式化及其它改變
4.v4 未完成...可能更明確的類的定義，命名空間等等...
5.v5 2009年12月 新增“嚴格模式（strict mode）”，一個子集用作提供更徹底的錯誤檢查,以避免結構出錯。澄清了許多第3版本的模糊規(guī)范,and accommodates behaviour of real-world implementations that differed consistently from that specification。增加了部分新功能,如getters及setters,支持JSON以及在物件屬性上更完整的反射。
****2004年6月歐洲計算機制造商協(xié)會發(fā)表了ECMA-357標準，它是ECMAScript的一個擴延，它也被稱為E4X（ECMAScript for XML）。
JavaScript跟ECMAScript有什么關系？
其實問題應該是JavaScript、JScript、ECMAScript三者有什么關系。實際上，ECMAScript是總的規(guī)范，JavaScript和JScript都是依照這個規(guī)范開發(fā)的，和ECMAScript相容，但包含了超出ECMAScript的功能。不過，現(xiàn)在無論是哪種，都通稱為JavaScript，只因其最早出現(xiàn)，影響力最大，名字流傳至今。
JavaScript能干什么？
網(wǎng)頁上面，一切需要邏輯處理的操作都可以由JavaScript來完成。譬如：
•表單驗證
•動畫效果
•網(wǎng)頁游戲
•倒計時
•……
還有很多很多種應用，在這里不贅述，相信大家學會這門語言之后會發(fā)現(xiàn)很多應用到的地方。
為什么要學JavaScript？
1.因為你別無選擇，只有JavaScript可以控制所有常用的瀏覽器，而且JavaScript是世界上最重要的編程語言之一，學習web技術必須學會JavaScript。
2.JavaScript是一種優(yōu)美的語言，它很好，所以我們要學
JavaScript的定位
1.JavaScript是一門輕量級的腳本語言，不需要編譯，由JavaScript解析引擎解析運行（一般指瀏覽器，當然不排除node之類的解析器）
2.JavaScript擁有非函數(shù)式語言特性、函數(shù)式語言特性和動態(tài)語言特性，它的語法非常靈活
3.JavaScript是一門面向對象的編程語言，在JavaScript界有一句話：萬物皆對象。其繼承是基于原型的繼承（我之前已經(jīng)專門寫了一篇闡述原型繼承的文章）
4.JavaScript是一門類C語言，所以只要學過C的人都很容易上手JavaScript
5.JavaScript的編寫不需要編譯器，而只需要文本編輯器（記事本就免了，這里強烈推薦sublime text）
JavaScript有什么？
現(xiàn)在大家用的JavaScript包含了三大部分：DOM、BOM、ECMAScript（或稱core js）。
DOM
這里默認大家對HTML、CSS至少有所了解，如果是直接跳過HTML、CSS來看本文的話，先看此處。
DOM，文檔對象模型（document object model）
我們知道，XHTML要求標簽必須閉合，嵌套必須正確。而標簽的嵌套，就產(chǎn)生了父子關系（或者說，祖先-后代關系）。而DOM，提供了大量的API，讓我們可以輕松操作DOM樹。后面我會開一篇文章專門講JS DOM。
使用DOM，我們能動態(tài)修改頁面內(nèi)容，調整樣式等等，這也是JS多樣化的一個體現(xiàn)。
BOM
BOM，瀏覽器對象模型（brower object model）
和DOM類似，只不過主體變成了瀏覽器。瀏覽器同樣提供了大量的API，其中部分對JS開放，為我們提供了操作瀏覽器窗口的方法。
常見用處：
1.彈出新瀏覽器窗口的能力；
2.移動、關閉和更改瀏覽器窗口大小的能力；
3.可提供WEB瀏覽器詳細信息的導航對象；
4.可提供瀏覽器載入頁面詳細信息的本地對象；
5.可提供用戶屏幕分辨率詳細信息的屏幕對象；
6.支持Cookies；
7.Internet Explorer對BOM進行擴展以包括ActiveX對象類，可以通過JavaScript來實現(xiàn)ActiveX對象。
ECMAScript core
也叫JS core，隨便怎么叫，意思一樣，都是表示JS這門語言的核心組成，包括變量定義，垃圾回收，語法，作用域等等。和上面提到的DOM和BOM不同，它們只要求我們能使用這些API，而ECMAScript core則是這門語言的精髓所在，需要不斷鉆研。下一章將進一步講JS的語法。
JavaScript的使用
行內(nèi)式
行內(nèi)式即寫在標簽中的JavaScrip，例如我們在HTML中寫入：
<button onclick="alert('be clicked');">點擊</button>
當我們點擊按鈕時，將會彈框顯示"be clicked"。
但注意，強烈不建議這么做，因為這樣會給維護帶來巨大的麻煩，每次需要更改事件我們都需要先找到該元素，然后修改其javascript內(nèi)容，而且這些javascript代碼也無法復用。
另外，寫在標簽中的事件需要帶'on'，而且標簽內(nèi)只能通過事件引入js，而不能寫簡單的js表達式
內(nèi)嵌式
內(nèi)嵌式即在html的script標簽中寫js代碼，做法是在HTML中新增一個script標簽，然后在標簽中間插入你的任意js代碼，如下：
<html>
<body>
<button id="btn">點擊</button>
</body>
<script>
<span style="font-family: Arial, Helvetica, sans-serif;">var btn = document.getElementById("btn");</span><pre name="code" class="javascript"> btn.onclick = function() {
alert("be clicked");
}
</script></html>
用內(nèi)嵌式的話，就比行內(nèi)式自由很多，可以寫更多的代碼，也可以避免引號的轉義問題，維護也變得更輕松。但問題也是存在的，這些代碼只能適用于這個頁面，而無法被其他頁面使用。
外聯(lián)式
外聯(lián)式把以上兩種形式的缺點全部解決了。做法如下：
先新建一個文件，把后綴改為.js。例如，我們新建一個click.js文件，然后把剛才寫的內(nèi)嵌式里面的js代碼拷貝進去（注意不包括script標簽）
var btn = document.getElementById("btn");
btn.onclick = function() {
alert("be clicked");
}
然后在HTML中通過script標簽引入
<html>
<body>
<button id="btn">點擊</button>
</body>
<script src="click.js"></script>
</html>
這樣的好處在于同樣的js代碼可以被多個HTML頁面共享，壞處是增加了文件數(shù)，增大了請求所需時間，所以應增強代碼的復用性，并且最后要合并js文件（把不同的js文件合并成一個js文件）
相關文章
相信有C++、C#或Java等編程經(jīng)驗的各位，對于this關鍵字再熟悉不過了。由于Javascript是一種面向對象的編程語言，它和C++、C#或Java一樣都包含this關鍵字，接下來我們將向大家介紹Javascript中的this關鍵字2012-08-08
數(shù)組解構是一種在 JavaScript 中從數(shù)組中提取值并將它們分配給變量的方式,在數(shù)組解構中分為完全解構,不完全解構,解構失敗以及解構默認值,這篇文章主要介紹了js中數(shù)組解構與對象解構,需要的朋友可以參考下2023-09-09
項目中常遇到輸入框檢查的需求，比如即時搜索，用change事件？change事件失去焦點才發(fā)生，無法做到即時。keypresss事件？能監(jiān)聽到鍵盤，但監(jiān)聽不到鼠標復制粘貼，不完美2014-09-09
JS button按鈕實現(xiàn)submit按鈕提交效果
今天在使用表單是同時使用POST更新、刪除操作。然而form表單的 submit 且一旦提交則全部提交，所以想到的實現(xiàn)方法就是 使用button實現(xiàn),怎么實現(xiàn)呢？下面小編給大家分享JS button按鈕實現(xiàn)submit按鈕提交效果，感興趣的朋友參考下吧2016-11-11
這篇文章主要介紹用原生的javascript修改CSS屬性的方法，需要的朋友可以參考下2013-05-05
這篇文章主要介紹了JavaScript中的函數(shù)式編程詳解,需要的朋友可以參考下2020-08-08
這篇文章主要為大家詳細介紹了js圖片輪播手動切換特效，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-01-01
一個檢測表單數(shù)據(jù)的JavaScript實例
這篇文章主要介紹了一個檢測表單數(shù)據(jù)的JavaScript實例，很簡單，很實用，比較適合初學者2014-10-10
這篇文章主要為大家詳細介紹了微信小程序版翻牌小游戲，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-01-01
這篇文章主要介紹了客戶端驗證用戶名和密碼 的相關資料,非常不錯具有參考借鑒價值，需要的朋友可以參考下2016-06-06