近期開始接觸學(xué)習(xí)extjs框架箫柳。該框架是基于JavaScript的手形。為了更好地理解學(xué)習(xí)extjs,必然需要先對JavaScript有一個較好的理解悯恍。
從最著名的web技術(shù)學(xué)習(xí)網(wǎng)站W(wǎng)3C開始库糠。
如下圖:
花了幾個小時將JavaScript的初級教程大致過了一遍。下面做些總結(jié)歸納涮毫。
JavaScript 是屬于網(wǎng)絡(luò)的腳本語言瞬欧!
JavaScript 被數(shù)百萬計的網(wǎng)頁用來改進設(shè)計、驗證表單罢防、檢測瀏覽器艘虎、創(chuàng)建cookies,以及更多的應(yīng)用咒吐。
JavaScript 是因特網(wǎng)上最流行的腳本語言野建。
JavaScript 很容易使用!你一定會喜歡它的恬叹!
這是W3C上介紹JavaScript的四句話候生,JavaScript的語言類型,作用绽昼,用途唯鸭,地位,特點等硅确。
JavaScript的簡介
JavaScript 是腳本語言
JavaScript 是一種輕量級的編程語言目溉。
JavaScript 是可插入 HTML 頁面的編程代碼明肮。
JavaScript 插入 HTML 頁面后,可由所有的現(xiàn)代瀏覽器執(zhí)行停做。
JavaScript 很容易學(xué)習(xí)晤愧。
JavaScript的使用
上面提到,JavaScript是可插入HTML的代碼蛉腌。那么如何插入使用JavaScript呢官份?
一般有兩種方法:
- 一種直接將JavaScript插入在<script> 與 </script> 標簽之間
<!DOCTYPE html> <html> <body> . . <script> document.write("<h1>This is a heading</h1>"); document.write("<p>This is a paragraph</p>"); </script> . . </body> </html>
- 把腳本保存到外部文件中。在 <script> 標簽的 "src" 屬性中設(shè)置該 .js 文件
<!DOCTYPE html> <html> <body> <script src="myScript.js"></script> </body> </html>
關(guān)于JavaScript的使用還有幾個要注意的小點:
- 可以在 HTML 文檔中放入不限數(shù)量的腳本烙丛。
- 可位于 HTML 的 <body> 或 <head> 部分中舅巷,或者同時存在于兩個部分中。
- ** 通常的做法是把函數(shù)放入 <head> 部分中河咽,或者放在頁面底部钠右。這樣就可以把它們安置到同一處位置,不會干擾頁面的內(nèi)容忘蟹。**
- 外部腳本不能包含 <script> 標簽飒房。
JavaScript輸出
JavaScript操作輸出主要有兩種方式:
操作HTML元素
從 JavaScript 訪問某個 HTML 元素,使用 document.getElementById(id) 方法
<!DOCTYPE html><html><body><h1>My First Web Page</h1><p id="demo">My First Paragraph</p><script>document.getElementById("demo").innerHTML="My First JavaScript"; </script></body></html
直接寫到文檔輸出
使用 document.write() 僅僅向文檔輸出寫內(nèi)容媚值。
如果在文檔已完成加載后執(zhí)行 document.write狠毯,整個 HTML 頁面將被覆蓋.
javascript語句
與C,Java等語言類似褥芒。句尾分號嚼松,大小寫敏感等。有其他語言基礎(chǔ)的锰扶,此處可瀏覽一遍即可献酗。
作為腳本語言,瀏覽器會在讀取代碼時坷牛,逐行地執(zhí)行腳本代碼罕偎。而對于傳統(tǒng)編程來說,會在執(zhí)行前對所有代碼進行編譯漓帅。
JavaScript注釋
JavaScript注釋與Java語言相同锨亏。“//”用于單行注釋忙干;“/*”用于多行注釋
JavaScript變量
var pi=3.14; var name="Bill Gates"; var answer='Yes I am!';
變量的聲明簡單,var關(guān)鍵字浪藻。變量是存儲信息的容器捐迫。
在計算機程序中,經(jīng)常會聲明無值的變量爱葵。未使用值來聲明的變量施戴,其值實際上是 undefined反浓。
變量可以使用短名稱(比如 x 和 y),也可以使用描述性更好的名稱(比如 age, sum, totalvolume)赞哗。
- 變量必須以字母開頭
- 變量也能以 $ 和 _ 符號開頭(不過我們不推薦這么做)
- 變量名稱對大小寫敏感(y 和 Y 是不同的變量)
JavaScript數(shù)據(jù)類型
JavaScript擁有動態(tài)類型雷则。這意味著相同的變量可用作不同的類型。
var x // x 為 undefined var x = 6; // x 為數(shù)字 var x = "Bill"; // x 為字符串
- 字符串
- 數(shù)字
- 布爾
- 數(shù)組
數(shù)組的聲明方式有三種:
var cars=new Array(); cars[0]="Audi"; cars[1]="BMW"; cars[2]="Volvo";
var cars=new Array("Audi","BMW","Volvo");
var cars=["Audi","BMW","Volvo"];
- 對象
對象由花括號分隔肪笋。在括號內(nèi)部月劈,對象的屬性以名值對的形式 (name : value) 來定義。屬性由逗號分隔:
var person={ firstname : "Bill", lastname : "Gates", id : 5566 };
- Null
可以通過將變量的值設(shè)置為 null 來清空變量藤乙。 - Undefined
Undefined 這個值表示變量不含有值
第一部分的js基礎(chǔ)就到基礎(chǔ)猜揪。
總結(jié)一下,我們先簡單學(xué)習(xí)了JavaScript的特點用途坛梁;然后學(xué)會兩種將JavaScript嵌入HTML的方法而姐;JavaScript輸出一般有兩種方式,分別是通過id操作HTML元素輸出划咐,以及直接寫到文檔輸出拴念;JavaScript的語句與注釋與Java語言和c語言基本相同;JavaScript變量的聲明使用褐缠;JavaScript的數(shù)據(jù)類型主要有7種政鼠,數(shù)字,字符串送丰,數(shù)組缔俄,布爾,對象器躏,null俐载,undefined.
下一部分我們將繼續(xù)介紹js基礎(chǔ)內(nèi)容,分別是:
- JS 對象
- JS 函數(shù)
- JS 運算符
- JS 選擇語句
- JS 循環(huán)語句
- JS 錯誤異常處理
- JS 驗證