DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript基礎知識 >> JavaScript學習總結【1】、初識JS
JavaScript學習總結【1】、初識JS
編輯:JavaScript基礎知識     

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 的 <head>或<body> 中,或者同時存在於這兩個部分中。通常的做法是把函數放在 <head> 中,或者放在頁面底部,這樣不會干擾頁面的內容。

  也可以把腳本保存在外部文件中,文件擴展名為 .js,外部文件通常包含被多個網頁使用的代碼。注意:在使用外部腳本時,腳本內不能包含 <script> 標簽。

 

5、編寫 JavaScript 的流程

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

  然後 HTML+CSS 布局頁面。

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

  再根據用戶的操作,選擇相應的觸發事件。

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

  

  

  

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved