近期開始接觸學習extjs框架。該框架是基于JavaScript的。為了更好地理解學習extjs,必然需要先對JavaScript有一個較好的理解。
從最著名的web技術學習網站W3C開始。
如下圖:
花了幾個小時將JavaScript的初級教程大致過了一遍。下面做些總結歸納。
JavaScript 是屬于網絡的腳本語言!
JavaScript 被數百萬計的網頁用來改進設計、驗證表單、檢測瀏覽器、創建cookies,以及更多的應用。
JavaScript 是因特網上最流行的腳本語言。
JavaScript 很容易使用!你一定會喜歡它的!
這是W3C上介紹JavaScript的四句話,JavaScript的語言類型,作用,用途,地位,特點等。
JavaScript的簡介
JavaScript 是腳本語言
JavaScript 是一種輕量級的編程語言。
JavaScript 是可插入 HTML 頁面的編程代碼。
JavaScript 插入 HTML 頁面后,可由所有的現代瀏覽器執行。
JavaScript 很容易學習。
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" 屬性中設置該 .js 文件
<!DOCTYPE html> <html> <body> <script src="myScript.js"></script> </body> </html>
關于JavaScript的使用還有幾個要注意的小點:
- 可以在 HTML 文檔中放入不限數量的腳本。
- 可位于 HTML 的 <body> 或 <head> 部分中,或者同時存在于兩個部分中。
- ** 通常的做法是把函數放入 <head> 部分中,或者放在頁面底部。這樣就可以把它們安置到同一處位置,不會干擾頁面的內容。**
- 外部腳本不能包含 <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() 僅僅向文檔輸出寫內容。
如果在文檔已完成加載后執行 document.write,整個 HTML 頁面將被覆蓋.
javascript語句
與C,Java等語言類似。句尾分號,大小寫敏感等。有其他語言基礎的,此處可瀏覽一遍即可。
作為腳本語言,瀏覽器會在讀取代碼時,逐行地執行腳本代碼。而對于傳統編程來說,會在執行前對所有代碼進行編譯。
JavaScript注釋
JavaScript注釋與Java語言相同。“//”用于單行注釋;“/*”用于多行注釋
JavaScript變量
var pi=3.14; var name="Bill Gates"; var answer='Yes I am!';
變量的聲明簡單,var關鍵字。變量是存儲信息的容器。
在計算機程序中,經常會聲明無值的變量。未使用值來聲明的變量,其值實際上是 undefined。
變量可以使用短名稱(比如 x 和 y),也可以使用描述性更好的名稱(比如 age, sum, totalvolume)。
- 變量必須以字母開頭
- 變量也能以 $ 和 _ 符號開頭(不過我們不推薦這么做)
- 變量名稱對大小寫敏感(y 和 Y 是不同的變量)
JavaScript數據類型
JavaScript擁有動態類型。這意味著相同的變量可用作不同的類型。
var x // x 為 undefined var x = 6; // x 為數字 var x = "Bill"; // x 為字符串
- 字符串
- 數字
- 布爾
- 數組
數組的聲明方式有三種:
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"];
- 對象
對象由花括號分隔。在括號內部,對象的屬性以名值對的形式 (name : value) 來定義。屬性由逗號分隔:
var person={ firstname : "Bill", lastname : "Gates", id : 5566 };
- Null
可以通過將變量的值設置為 null 來清空變量。 - Undefined
Undefined 這個值表示變量不含有值
第一部分的js基礎就到基礎。
總結一下,我們先簡單學習了JavaScript的特點用途;然后學會兩種將JavaScript嵌入HTML的方法;JavaScript輸出一般有兩種方式,分別是通過id操作HTML元素輸出,以及直接寫到文檔輸出;JavaScript的語句與注釋與Java語言和c語言基本相同;JavaScript變量的聲明使用;JavaScript的數據類型主要有7種,數字,字符串,數組,布爾,對象,null,undefined.
下一部分我們將繼續介紹js基礎內容,分別是:
- JS 對象
- JS 函數
- JS 運算符
- JS 選擇語句
- JS 循環語句
- JS 錯誤異常處理
- JS 驗證