JavaScript語言基礎學習雜記

來源:互聯網
上載者:User

JavaScript是一種比較流行的製作網頁特效的指令碼語言,它由用戶端瀏覽器解釋執行,可以應用在JSP、PHP和ASP.NET等網站中。

JavaScript與其他語言一樣,有自己的基本文法、資料類型、運算子和流程式控制制語句。

1、變數的使用

使用命令var聲明變數。例如:var number=10;

由於JavaScript採用弱類型的形式,所以在聲明變數時,不需要指定變數的類型,而是根據其變數的賦值來確定資料類型。

2、資料類型

  • JavaScript沒有char資料類型,只有字元型,它是使用單引號或雙引號括起來的一個或多個字元,要表示單個字元必須使用長度為1的字串。
  • 特殊類型的數字常量:NaN,即“非數字”。當在程式中由於某種原因發生計算錯誤後,將產生一個沒有意義的數字,此時JavaScript返回的數字就是NaN。

3、函數的定義

函數是由關鍵字function、函數名加一組參數以及置於大括弧中要執行的一段代碼定義。參數不需要加var關鍵字聲明。

在JavaScript中,由於函數名區分大小寫,所以,在調用函數時,也需要注意函數名的大小寫。

 

4、事件處理

JavaScript是一種事件驅動的語言,它主動作事很少,它一直等待使用者的操作,然後通過執行一段指令碼對使用者的操作做出反應。

1)JavaScript的常用事件

 

onabort(對象載入被中斷時觸發)

onblur(使用在表單元素中,當元素或視窗本身失去焦點的時候執行)
onchange(使用在表單元素中,改變<select>元素中的選項或其他表單元素失去焦點時,並且再起擷取焦點後內容發生過改變時執行)

onclick(滑鼠點擊一個元素時執行,當游標的焦點在按鈕上,並按下斷行符號鍵時也會觸發)
ondblclick(滑鼠雙擊一個元素時執行)
onfocus(任何元素或視窗本身獲得焦點時執行)
onkeydown (按下某個按鍵時執行,如果一直按著鍵盤會不斷觸發,當返回false時,取消預設操作)
onkeypress(按下和釋放某個按鍵時執行,具體應該是鍵盤鍵被按下,併產生一個字元時發生)
onkeyup(釋放某個按鍵時執行)
onload(在body標籤中使用,頁面完全載入後在windows對象上觸發;所有架構都載入後在框架組上觸發;<img>標記指定的映像完全載入後在其上觸發;或<object>標記指定的對象完全載入後在其上觸發)


onmousedown(單擊任何滑鼠按鍵時執行)
onmousemove(滑鼠游標在元素上移動時持續執行)
onmouseout(滑鼠游標移開元素時執行)
onmouseover(滑鼠游標移到元素上時執行)
onmouseup(當釋放滑鼠按鍵時執行)

onscroll(在任何帶捲軸的元素或視窗上滾動時觸發)
onreset(用在表單元素中,當表單重設(單擊重設按鈕)時執行)
onselect(選中文本時觸發)
onsubmit(用在表單元素中,當表單提交時在<form>上執行)


onunload(用在body標籤中,當關閉頁面時執行)


2)指定事件處理常式的方法

  • 在HTML中直接指定事件處理常式:只需在HTML標記中添加相應的事件,並為該事件指定要執行的代碼或是函數名即可。樣本如下:

<input name="br_register" type="button" value="註冊" onclick="alert('單擊了註冊按鈕');">

  • 在JavaScript中直接指定事件處理常式:首先需要擷取要處理對象的引用,然後將需要執行的處理函數賦值給對應的事件。例如:

 

<body>

<input name="br_register" type="button" value="註冊" >

<script type="text/javascript" language="javascript">

var b_register=document.getElementsByName(br_register);

br_register.onclick=click;

function click(){

alert('單擊了註冊按鈕');

}

</script>

</body>

 

 

注意:在JavaScript中直接指定事件處理常式時,事件名稱必須為小寫,才能正確響應事件,並且在指定事件處理常式時,不能加上函數後面的小括弧"()".

 

  • 在在JavaScript中通過匿名函數指定事件處理常式:它和在JavaScript中直接指定事件處理常式一樣,也需要先獲得要處理對象的引用,然後在通過匿名函數的形式將要執行的代碼賦值給對應的事件。例如:

 

<body>

<input name="br_register" type="button" value="註冊" >

<script type="text/javascript" language="javascript">

var b_register=document.getElementsByName(br_register);

br_register.onclick=function(){

alert('單擊了註冊按鈕');

}

</script>

</body>

 

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.