首頁 > web前端 > js教程 > 主體

JavaScript學習總結【1】初識JS

黄舟
發布: 2017-02-09 14:27:49
原創
1148 人瀏覽過

1、什麼是 JavaScript?

  JavaScript 是一門跨平台、物件導向的動態的弱類型的輕量級解釋型語言,是一種基於物件和事件驅動並具有相對安全性的客戶端腳本語言。應用於 HTML 文件能夠在網站上提供動態的互動能力,他不同於 Java。簡單說就是基於瀏覽器處理HTML 文檔,實現各種網頁特效,響應用戶的各種操作,為網頁添加動態效果,提升用戶操作體驗,例如圖片滾動播放效果,點擊登入按鈕彈出對話框,滑鼠移入移出動畫,表單提交資料驗證等。

 

2、為什麼要學 JavaScript?

  JavaScript 通常被稱為JS,他發明的目的,就是作為瀏覽器的內建腳本語言,為網頁開發者提供操控瀏覽器的能力,他可以讓網頁呈現出各種特殊效果,為用戶提供友好的互動體驗。隨著Ajax 技術的出現,前端可以在不刷新頁面的情況下和後端進行數據交換,更新頁面數據,jQuery 等庫的盛行讓JS 編寫變得異常簡單,Bootstrap 框架更讓前端的成本無限降低,大大提高了前端開發的效率,JS 在前端領域前景非常廣闊。

  隨著 Node 的發布,使得 JS 不僅可以運行在前端,還可以運行在伺服器上。這對 JS 來說是一次質的突破,Node.js 項目讓 JS 可以用於開發伺服器端的大型項目,網站的前後端都用 JS 開發已經稱為了現實。

  至此JS 除了可以被瀏覽器解析,也可以作為後端語言使用,越來越多的應用程序,將JS 作為內嵌的腳本語言,可以用來構建移動端APP,開發HTML 遊戲,可以不依賴瀏覽器,建立桌面應用程式。

  可以預期,最終只使用 JS 這一語言,就可以開發出適應不同平台(包括桌面端,伺服器端,手持端)的程式。在 Jeef Atwood 發布的部落格中,他提出了著名的“Atwood定律”,即“任何能夠用 JavaScript 實現的應用程序,最終都必將用 JavaScript 實現”。

  相比學習其他語言,JS 很容易學習。只要有瀏覽器,就能運行 JS 程序,只要有文字編輯器,就可以寫 JS 程式碼。不用安裝複雜的 IED(整合開發環境)和編譯器。 JS 的語法相對簡單一些,本身的語法不是特別多,而且語言靈活,完全可以只用簡單的命令,完成大部分的操作。

  雖然 JS 的核心語法不難學習,但是要真正學透還不是一件容易的事,JS 其實是很複雜的,隨著學習,越能體會到他的強大。 JS 要發揮作用,必須與其他組件配合,這些外部組件五花八門,而且數量龐大,涉及到了網絡應用的各個方面,比如編輯器組件,QQ 空間提供的關注組件等,要掌握他們並非易事,必須下狠功夫。 JS 語言有一些設計缺陷,在某些地方會出現怪異的運行結果,各主流瀏覽器對於JS 的支援不盡相同,兼容性是最讓人頭疼的事情,學習JS,很大一部分時間都是用來搞清除哪些地方有陷阱。

  儘管如此,JS 的地位還是不可動搖的,2015年公佈的世界語言使用排名,JS 排在第七位,較去年又有了提升。 Ecma(透過Ecma-262 制定腳本語言的標準)加快了語言的標準化,使得JS 功能日益增強,而語法缺陷和怪異之處也得到了彌補,截至今年JS 最新版本為ECMAScript 2015,也叫ES6,增加了許多新特性。所以,JS 還是值得學習的,不僅要掌握,而且要學精,尤其對於 Web 前端開發工程師尤其重要。

 

3、JavaScript 組成

  JS 由三部分組成:

  ECMAScript:也叫解釋器,充當翻譯角色,這是 JS 的核心部分。

  DOM:文檔物件模型(Document Object Model)。 DOM 賦予了 JS 操作 HTML 的能力,即 document 操作。

  BOM:瀏覽器物件模型(Browser Object Model)。 BOM 賦予了 JS 操作瀏覽器的能力,即 window 操作。

 

4、JavaScript 用法

  HTML 中的腳本必須位於 <script></script> 標籤之間。可以在 HTML 文件中放入不限數量的腳本。腳本可位於 HTML 的

或 中,或同時存在於這兩個部分中。通常的做法是把函數放在 中,或是放在頁面底部,這樣不會幹擾頁面的內容。

  也可以把腳本保存在外部檔案中,檔案副檔名為 .js,外部檔案通常包含多個網頁使用的程式碼。注意:使用外部腳本時,腳本內不能包含 <script> 標籤。 </script>

 

5、寫 JavaScript 的流程

  首先,也是最重要的,先要搞清楚網頁效果的實現原理,要達到什麼目的,需要對哪些屬性做出修改,以及用戶的哪些操作,透過用戶的某種操作,一步步的構思JS 實現的方法。

  然後 HTML+CSS 版面配置頁面。

  接著選擇需要修改的屬性的名稱(id 或 class)。

  再根據使用者的操作,選擇對應的觸發事件。

  最後,在事件中,根據第一步的構思,編寫 JS 程式碼。

以上就是 JavaScript學習總結【1】初識JS的內容,更多相關內容請關注PHP中文網(www.php.cn)!


相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板