javaScript 總結
1 Javascript的基本功能
<1>寫入HTML輸出
document.write("<h1>This is a heading</h1>");
<2>對事件作出反應
<button type="button" onclick="alert(‘Welcome!‘)">點選這裡</button>
<3>改變HTML内容
x=document.getElementById("demo") //查找元素
x.innerHTML="Hello JavaScript"; //改變内容
<4>改變HTML圖像
javaScript能夠改變HTML的大多數屬性,不僅僅是圖檔
<5>驗證輸入
<6>改變樣式
2 javaScript的使用
<1>位置:
HTML 中的腳本必須位于 <script> 與 </script> 标簽之間。腳本可被放置在 HTML 頁面的 <body> 和 <head> 部分中
<2>慣例:
通常會把JavaScript放在head中或者HTML的末尾,目的是處于清晰。
<3>導入外來js檔案
也可以把腳本儲存到外部檔案中。外部檔案通常包含被多個網頁使用的代碼。外部 JavaScript 檔案的檔案擴充名是 .js。
<script src="myScript.js"></script>
3 javaScript輸出
<1>通過改寫HTML屬性來輸出
document.getElementById("demo").innerHTML="My First JavaScript";
<2>通過document.write輸出
document.write("<p>My First JavaScript</p>");
如果在文檔已完成加載後執行 document.write,整個 HTML 頁面将被覆寫。
4 javaScript語句
<1>語句作用是告訴浏覽器做什麼
<2>執行順序是按書寫順序一步一步執行
<3>分号标志語句結束,但是可有可無
<4>代碼塊用花括号“{}”圍起來,表示語句一起執行
<5>對大小寫敏感
<6>通過‘\’來連接配接行
document.write("Hello \
World!");
5 javaScript注釋
javaScript的注釋風格同C/C++
6 javaScript變量
<1> 變量聲明
變量可以通過var來聲明,或者直接通過給變量指派免去var。
var x = 12;
y= 18;
<2>多個變量聲明
var name="Gates", age=56, job="CEO";
7 javaScript資料類型
javaScript中的資料類型包括數字,布爾,字元串,數組,對象,NULL,Undefined
<1> var x; //Undefined
var y1 = ‘sasa‘ //string
var y2 = "sdsd" //string
var z = false //bool
<2>對象
對象由花括号分隔。在括号内部,對象的屬性以名稱和值對的形式 (name : value) 來定義。屬性由逗号分隔:
var person={firstname:"Bill", lastname:"Gates", id:5566};
對象的尋址:
name=person.lastname;
name=person["lastname"];
<3>Undefined
var xx; // undefined 聲明但是沒有初始化的
<4>NULL
var car=null; //用來清空變量值
<5> new
當您聲明新變量時,可以使用關鍵詞 "new" 來聲明其類型:
var carname=new String;
var x= new Number;
<6> Array
var cars = new Array("Audi","BMW","Volvo"); //Array
var cars = ["dsd","dqwd","dwdewf"]; //Array
8 javaScript對象
JavaScript 中的所有事物都是對象:字元串、數字、數組、日期,等等。在 JavaScript 中,對象是擁有屬性和方法的資料。
對象的一種新的定義方法
9 javaScript中的函數
函數的使用方法類似java,C++的使用方法。
雖然函數外面沒有傳回值類型,但是函數裡面可以有return語句。
10 javaScript中的運算符
javaScript中有 + - * / % ++ -- += -= *= %= /=,操作方法同C/C++
注意:數字和字元串相加,會把數字轉化成字元串。
11 javaScript中的條件語句
if-else,switch語句
這兩種語句跟C++基本類似
12 javaScript中的循環語句
for - 循環代碼塊一定的次數
for/in - 循環周遊對象的屬性
while - 當指定的條件為 true 時循環指定的代碼塊
do/while - 同樣當指定的條件為 true 時循環指定的代碼塊
注意for-in循環,這個用于對象屬性的周遊
var person={fname:"John",lname:"Doe",age:25};
13 break語句的特性
通過标簽引用,break 語句可用于跳出任何 JavaScript 代碼塊:
執行結果:
BMW
Volvo
Saab
14 javaScript中的異常機制
try 語句測試代碼塊的錯誤。
catch 語句處理錯誤。
throw 語句建立自定義錯誤。
示例代碼: