Javascript,從“最被誤解的語言”,最后神奇地轉變成為“最流行的語言”,證明它經受得起時間的考驗,雖然單獨來看,它的互動設計有些失敗,但是加上Ajax的完美配合,javascript就成了一款輕便并且又實用的好語法,
如果您想要更高效、更系統地學會javascript,您最好采用邊學邊練的學習模式,
如果您覺得javascript的學習難度較高,不易理解,建議您觀看視頻教程進行學習👇:
深入淺出JavaScript-老杜JavaScript基礎教程全套完整版
什么是JavaScript?
JavaScript是動態實作Web頁面效果的腳本語言,是Web前端必須掌握的三種語言之一,
-
用于定義網頁內容的HTML
-
CSS指定網頁的布局
-
用于編程網頁行為的JavaScript
JavaScript一種直譯式腳本語言,是一種動態型別、弱型別、基于原型的語言,內置支持型別,它的解釋器被稱為JavaScript引擎,為瀏覽器的一部分,廣泛用于客戶端的腳本語言,最早是在HTML(標準通用標記語言下的一個應用)網頁上使用,用來給HTML網頁增加動態功能,
HTML、CSS和Javascript之間的關系:
1、首先它們都可以采用普通的文本編輯器開發,然后使用瀏覽器軟體打開并解釋執行;
2、html是一種超文本標記語言,主要是做頁面展示,W3C制定了html規范與標準;
3、css是一種層疊樣式表語言,主要用來輔助修飾html,讓html網頁看起來更加的豐富與漂亮;
4、javascript是一種編程語言,它可以用來操作html中的節點以及css樣式,進而達到網頁的動態效果,增強網頁與用戶的互動度,
JavaScript和Java
JavaScript是網景公司的布蘭登艾奇開發的,Java是SUN公司詹姆斯高斯林帶領團隊開發的,JavaScript程式被內置在瀏覽器軟體當中的JavaScript解釋器解釋執行,而Java語言必須運行在Java虛擬機當中,所以JavaScript和Java沒有任何關系,只是名字當中都帶有Java字眼,這也許只是一種市場營銷策略,
JS和JSP
JavaScript被程式員簡稱為JS,運行在瀏覽器客戶端當中;JavaServer Pages簡稱為JSP,是一種基于Java語言實作的服務器端頁面,JSP屬于Java語言,運行在Java虛擬機當中,
JavaScript語言特點
- 基于物件的編程語言
JavaScript是一種基于物件的編程語言而不能說是面向物件的編程語言,因為物件性的特征在JavaScript中并不像Java語言中那樣純正,在JavaScript中有內置的物件,同時用戶也可以創建并使用自己的物件,
- 弱型別語
JavaScript編程語言沒有編譯階段,文本編輯器開發完畢之后,直接使用瀏覽器打開即可解釋執行,所以JavaScript中的變數在定義的時候不需要指定資料型別,并且變數賦值的時候可以隨意賦值,具體賦值的時候,值決定變數的資料型別,
JavaScript在變數約束方面非常弱,所以稱為弱型別語言,Java語言存在編譯階段,在Java語言當中宣告變數i為int型別,那么變數i只能接收int型別的字面值,如果字面值的資料型別和變數的資料型別不同,程式是無法編譯通過的,并且從int型別的變數i開始宣告到最終程式執行結束,i變數的資料型別永遠都是int型別,占用4個位元組,像Java這種對變數約束較強的編程語言被稱為強型別編程語言,
- 解釋執行的腳本語言
JavaScript是一種腳本語言,腳本語言是一種解釋性的語言,以普通文本形式保存,不需要編譯生成目標程式,可以直接用文本編輯器打開查看,它不象c\c++等可以編譯成二進制代碼以可執行檔案的形式存在,JavaScript腳本語言可直接使用JavaScript解釋器解釋執行,可能在解釋的程序當中進行編譯,
- 簡單性
JavaScript基于Java的基本語法和陳述句流程,而Java是從C++語言發展而來,因此有過C語言開發經驗的人員學習JavaScript十分容易,此外,JavaScript是一種弱型別語言,其變數并沒有嚴格的資料型別,免去了許多麻煩,
- 動態性
JavaScript是基于事件驅動的,所謂事件驅動就是觸發一定的操作而引起某些動作,例如,滑鼠單擊按鈕,頁面加載完畢等等這些都是事件,可以根據不同的事件創建相應的回應代碼,這樣就可以實作和用戶的動態互動,
- 平臺無關性
前面提到JavaScript代碼在瀏覽器中解釋執行,并沒有利用具體平臺的特性,所以只要有支持JavaScript的瀏覽器,無論在什么平臺上代碼都能得到執行,開發人員在撰寫JavaScript腳本程序中就無需考慮具體平臺的限制,只需要考慮瀏覽器兼容問題即可,
- 安全性
JavaScript是安全的,其不允許訪問本地硬碟,也不能將資料存入到服務器上,不允許對網路檔案進行修改和洗掉,只能通過瀏覽器實作資訊瀏覽或動態互動,從而有效地防止資料的丟失和破壞,
JavaScript組成
ECMAScript
Netscape(網景)公司推出JavaScript不久,不甘落后的微軟也推出了微軟版的JavaScript-JScript,微軟主要將其用于自己的瀏覽器Internet Explorer,最初兩家公司各自為政,分別執行自己的標準,那個時候的web程式員是很痛苦的,通常需要將相同的功能撰寫兩份不同語法的程式,
1999年,歐洲計算機協會(ECMA)依據JavaScript制定了ECMAScript的ECMA-262規范,ECMAScript成為JavaScript的標準,之后兩家公司都遵循了該規范,所以JavaScript和Jscript大部分是相同的,但也有小部分不同之處,
DOM
Document Object Model(檔案物件模型),在JavaScript當中,把html檔案當做一棵樹,這棵樹有一個根節點<html></html>,根節點下有很多子節點,每一個節點都可以看做是一個DOM物件,JavaScript通過操作DOM物件完成重構整個HTML檔案、添加、移除、改變或重排頁面上的專案,從而達到網頁動態效果,提高與用戶的互動度,
JavaScript對DOM元素的操作又可以稱為“html dom編程”,HTML DOM是HTML Document Object Model(檔案物件模型)的縮寫,HTML DOM則是專門適用于HTML/XHTML的檔案物件模型,熟悉軟體開發的人員可以將HTML DOM理解為網頁的API,它將網頁中的各個元素都看作一個個物件,從而使網頁中的元素也可以被計算機語言獲取或者編輯, 例如Javascript就可以利用HTML DOM動態地修改網頁,
根據W3C DOM規范,DOM是一種與瀏覽器,平臺,語言無關的介面,使得你可以訪問頁面其他的標準組件,簡單理解,DOM解決了Netscape的JavaScript和 Microsoft的JavaScript之間的沖突,給予web設計師和開發者一個標準的方法,讓他們來訪問他們站點中的資料、腳本和表現層物件,
BOM
Browser Object Model(瀏覽器物件模型),使JavaScript能夠與瀏覽器進行“對話”,獲取瀏覽器資訊,操作瀏覽器,雖然W3C并沒有對BOM作出規范,但是所有瀏覽器都支持BOM,有一些事實上的標準,
JavaScript中BOM和DOM之間的關系及主流瀏覽器
JavaScript中BOM和DOM之間的關系

主流瀏覽器
JavaScript腳本語言最終被瀏覽器當中的JS解釋器解釋執行,所以不同的瀏覽器執行相同的JS代碼可能結果不盡相同,所以對于WEB前端開發人員來說,解決瀏覽器兼容問題是一件很頭疼的事情,通常一個WEB前端開發人員需要在自己的電腦中安裝不同廠商的瀏覽器,有可能相同廠商的瀏覽器也需要安裝不同的版本,下面我們來看一看世界主流的5大瀏覽器都有誰?
- 左上角位置:谷歌公司的Chrome瀏覽器,
- 左下角位置:safari瀏覽器,蘋果公司旗下瀏覽器,
- 右上角位置:微軟公司的IE瀏覽器,
- 右下角位置:FireFox瀏覽器,簡稱FF瀏覽器,mozilla公司旗下瀏覽器
- 中間位置:opera瀏覽器,挪威廠商opera旗下瀏覽器,
我們在講課的程序中安裝的瀏覽器有:FF/Chrome/IE,
JavaScript開發工具
文本編輯器EditPlus
我們講課的程序中,第一天的知識點采用普通的文本編輯器開發,這種開發方式還是比較適合JavaScript初學者的,建議初學者開始的時候使用文本編輯器,
集成開發工具WebStorm
在實際的Web前端開發程序中,為了提高開發效率,可以借助某些集成開發環境,例如Web前端開發利器:WebStorm,這個名字就夠氣派的吧:Web風暴,該集成開發工具是Intellij IDEA開發工具中的一個插件,Intellij IDEA開發工具是一個非常棒的Java開發環境,我們在后期的課程中將使用WebStorm進行開發,
使用WebStorm將會體驗到豐富的JS代碼提示功能,它不僅僅對JS代碼提供了豐富了提示,包括HTML、CSS提示也是非常全面的,
JavaScript幫助檔案
http://www.w3school.com.cn/ 全球最大的中文 Web 技術教程,我們給大家提供的幫助檔案是w3shool的離線幫助檔案,
轉載請註明出處,本文鏈接:https://www.uj5u.com/qianduan/272005.html
標籤:其他
