天天看點

javaScript基礎知識學習總結

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 語句建立自定義錯誤。

示例代碼: