Javascript(二)

來源:互聯網
上載者:User

標籤:可讀性   doc   nbsp   內容   通過   box   多行注釋   瀏覽器   變數   

JavaScript-認識語句和符號

JavaScript語句是發給瀏覽器的命令。這些命令的作用是告訴瀏覽器要做的事情。

每一句JavaScript代碼格式: 語句;

先來看看下面代碼

<script type="text/javascript">
alert("hello!");
</script>

例子中的alert("hello!");就是一個JavaScript語句。

一行的結束就被認定為語句的結束,通常在結尾加上一個分號";"來表示語句的結束。

看看下面這段代碼,有三條語句,每句結束後都有";",按順序執行語句。

<script type="text/javascript">
   document.write("I");  document.write("love"); document.write("JavaScript");
</script>

注意:

1. “;”分號要在英文狀態下輸入,同樣,JS中的代碼和符號都要在英文狀態下輸入。

2. 雖然分號“;”也可以不寫,但我們要養成編程的好習慣,記得在語句末尾寫上分號。

JavaScript-注釋很重要

注釋的作用是提高代碼的可讀性,協助自己和別人閱讀和理解你所編寫的JavaScript代碼,注釋的內容不會在網頁中顯示。注釋可分為單行注釋與多行注釋兩種。

我們為了方便閱讀,注釋內容一般放到需要解釋語句的結尾處或周圍。

單行注釋,在注釋內容前加符號 “//”。

<script type="text/javascript">
  document.write("單行注釋使用‘//‘");  // 我是注釋,該語句功能在網頁中輸出內容
</script>

多行注釋以"/*"開始,以"*/"結束。

<script type="text/javascript">
   document.write("多行注釋使用/*注釋內容*/");
   /* 多行注釋 養成書寫注釋的良好習慣 */
</script>

JavaScript-什麼是變數

什麼是變數? 從字面上看,變數是可變的量;從編程角度講,變數是用於儲存某種/某些數值的儲存空間。我們可以把變數看做一個盒子,為了區分盒子,可以用BOX1,BOX2等名稱代表不同盒子,BOX1就是盒子的名字(也就是變數的名字)。

定義變數使用關鍵字var,文法如下:

var 變數名

變數名可以任意取名,但要遵循命名規則:

    1.變數必須使用字母、底線(_)或者美元符($)開始。

    2.然後可以使用任意多個英文字母、數字、底線(_)或者美元符($)組成。

    3.不能使用JavaScript關鍵詞與JavaScript保留字。

變數要先聲明再賦值,如下:

var mychar;
mychar="javascript";
var mynum = 6;

變數可以重複賦值,如下:

var mychar;
mychar="javascript";
mychar="hello";

注意:

1. 在JS中區分大小寫,如變數mychar與myChar是不一樣的,表示是兩個變數。

2. 變數雖然也可以不聲明,直接使用,但不規範,需要先聲明,後使用。

JavaScript-判斷語句(if...else)

if...else語句是在指定的條件成立時執行代碼,在條件不成立時執行else後的代碼。

文法:

if(條件)
{ 條件成立時執行的代碼 }
else
{ 條件不成立時執行的代碼 }

假設我們通過年齡來判斷是否為成年人,如年齡大於等於18歲,是成年人,否則不是成年人。代碼錶示如下:

<script type="text/javascript">

var myage = 18;

if(myage>=18) //myage>=18是判斷條件

{ document.write("你是成年人。");}
else //否則年齡小於18

{ document.write("未滿18歲,你不是成年人。");}

</script>

JavaScript-什麼是函數

函數是完成某個特定功能的一組語句。如沒有函數,完成任務可能需要五行、十行、甚至更多的代碼。這時我們就可以把完成特定功能的代碼塊放到一個函數裡,直接調用這個函數,就省重複輸入大量代碼的麻煩。

如何定義一個函數呢?基本文法如下:

function 函數名() {      函數代碼; }

說明:

1. function定義函數的關鍵字。

2. "函數名"你為函數取的名字。

3. "函數代碼"替換為完成特定功能的代碼。

我們來編寫一個實現兩數相加的簡單函數,並給函數起個有意義的名字:“add2”,代碼如下:

function add2(){
   var sum = 3 + 2;
   alert(sum);
}

函數調用:

函數定義好後,是不能自動執行的,所以需調用它,只需直接在需要的位置寫函數就ok了,代碼如下:

 

Javascript(二)

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在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.