當前位置：
首頁 >
前端技术
> javascript
>内容正文
javascript
JavaScript快速入门（一）——JavaScript概览
生活随笔
收集整理的這篇文章主要介紹了
JavaScript快速入门（一）——JavaScript概览
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
允許轉載，但請注明出處：http://blog.csdn.net/sysuzjz/article/details/42341589
本文不是參考手冊式文章，僅適用于對JS產生一個大致的認知，如需JS的詳細語法與應用請移步w3school
JavaScript是什么？
JavaScript的誕生
在1995年前后，當時世界上的主流帶寬為28.8Kbps，現在世界平均下載帶寬為21.9Mbps（數據來源于http://www.netindex.com）。當時的網民，每提交一次表單，都需要等待很久才能收到服務器的回應，甚至很可能等了幾分鐘收到的卻是說缺少了某一項。為了改善用戶體驗，嵌入瀏覽器客戶端的能實現簡單表單判斷的腳本誕生了，這就是JavaScript。 JavaScript最早是工作于Netscape （網景公司）的 Brendan Eich為即將在1995年發行的NetscapeNavigator 2.0（NN2.0）開發的，當時叫做LiveScript。由于當時是和非常熱門的Sun公司合作的，為了趕上當時的潮流——Java語言，這門語言被命名為JavaScript。JavaScript跟Java有什么關系？
這也是外行人聽到JavaScript的第一反應，也是這門語言被詬病最多的問題之一。 嚴格的說，沒有半毛錢關系。如果非要扯上關系，也許就是兩者的部分函數相同、面向對象思想、判斷結構、循環語句相同等等等等，但這些顯然不是Java的專利，而是編程語言的共識。JavaScript的標準化及發展歷史
JavaScript推出時，用戶體驗更好的NN 瀏覽器主宰了瀏覽器市場，而微軟一直在追趕。在推出IE3的時候，微軟發布了VBScript并以JScript為名，實際上和Netscape的JavaScript沒有多大區別（用今天的話來講就是山寨）。面對微軟的競爭，Netscape和Sun公司將自己的JavaScript草案提交給ECMA（歐洲計算機制造商協會）對JavaScript進行了標準化，最后形成了ECMAScript 的第一個版本（ECMA-262）。 有意思的是，網景公司在標準化JavaScript之后，內部卻出現了問題，JavaScript的研究停滯，而微軟則趁機趕超，推出了IE4，內置了第一個遵循ECMA規范的JavaScript引擎，比NN提前了一年。再加上微軟系統逐步占領計算機操作系統市場，其預裝的IE瀏覽器市場份額逐漸加大，NN不斷被擠占市場。然而，當微軟失去了最大的對手后，它就沒有了發展的動力，IE6~IE8，無論是界面渲染還是腳本執行，都互不兼容，成為瀏覽器史上的一朵奇葩，也是前端開發者的噩夢。JavaScript跟ECMAScript有什么關系？
其實問題應該是JavaScript、JScript、ECMAScript三者有什么關系。實際上，ECMAScript是總的規范，JavaScript和JScript都是依照這個規范開發的，和ECMAScript相容，但包含了超出ECMAScript的功能。不過，現在無論是哪種，都通稱為JavaScript，只因其最早出現，影響力最大，名字流傳至今。JavaScript能干什么？
網頁上面，一切需要邏輯處理的操作都可以由JavaScript來完成。譬如：- 表單驗證
- 動畫效果
- 網頁游戲
- 倒計時
- ……
為什么要學JavaScript？
JavaScript的定位
JavaScript有什么？
現在大家用的JavaScript包含了三大部分：DOM、BOM、ECMAScript（或稱core js）。DOM
這里默認大家對HTML、CSS至少有所了解，如果是直接跳過HTML、CSS來看本文的話，先看此處。 DOM，文檔對象模型（document object model） 我們知道，XHTML要求標簽必須閉合，嵌套必須正確。而標簽的嵌套，就產生了父子關系（或者說，祖先-后代關系）。而DOM，提供了大量的API，讓我們可以輕松操作DOM樹。后面我會開一篇文章專門講JS DOM。 使用DOM，我們能動態修改頁面內容，調整樣式等等，這也是JS多樣化的一個體現。BOM
BOM，瀏覽器對象模型（brower object model） 和DOM類似，只不過主體變成了瀏覽器。瀏覽器同樣提供了大量的API，其中部分對JS開放，為我們提供了操作瀏覽器窗口的方法。 常見用處：ECMAScript core
也叫JS core，隨便怎么叫，意思一樣，都是表示JS這門語言的核心組成，包括變量定義，垃圾回收，語法，作用域等等。和上面提到的DOM和BOM不同，它們只要求我們能使用這些API，而ECMAScript core則是這門語言的精髓所在，需要不斷鉆研。下一章將進一步講JS的語法。JavaScript的使用
行內式
行內式即寫在標簽中的JavaScrip，例如我們在HTML中寫入： <button οnclick="alert('be clicked');">點擊</button>當我們點擊按鈕時，將會彈框顯示"be clicked"。 但注意，強烈不建議這么做，因為這樣會給維護帶來巨大的麻煩，每次需要更改事件我們都需要先找到該元素，然后修改其javascript內容，而且這些javascript代碼也無法復用。 另外，寫在標簽中的事件需要帶'on'，而且標簽內只能通過事件引入js，而不能寫簡單的js表達式內嵌式
內嵌式即在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> 用內嵌式的話，就比行內式自由很多，可以寫更多的代碼，也可以避免引號的轉義問題，維護也變得更輕松。但問題也是存在的，這些代碼只能適用于這個頁面，而無法被其他頁面使用。外聯式
外聯式把以上兩種形式的缺點全部解決了。做法如下： 先新建一個文件，把后綴改為.js。例如，我們新建一個click.js文件，然后把剛才寫的內嵌式里面的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頁面共享，壞處是增加了文件數，增大了請求所需時間，所以應增強代碼的復用性，并且最后要合并js文件（把不同的js文件合并成一個js文件）總結
以上是生活随笔為你收集整理的JavaScript快速入门（一）——JavaScript概览的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： HTML5DOM红蓝盒子,DOM介绍以及
- 下一篇： MySQL分页查询小技巧