首頁 > 開發者 > JavaScript
標籤：目錄 命名規則 大小 UNC 假設 不可 RKE 閱讀 函數名
閱讀目錄（原創-萌小Q）
1. 所有主流瀏覽器都支援JavaScript。
2. 目前，全世界大部分網頁都使用JavaScript。
3. 它可以讓網頁呈現各種動態效果。
4. 做為一個Web開發師，如果你想提供漂亮的網頁、令使用者滿意的上網體驗，JavaScript是必不可少的工具。
回到頂部二、 易學性1.學習環境無外不在，只要有文字編輯器，就能編寫JavaScript程式。
2.我們可以用簡單命令，完成一些基本操作。
回到頂部 三、從哪開始學習呢？學習JavaScript的起點就是處理網頁，所以我們先學習基礎文法和如何使用DOM進行簡單操作。
程式碼範例1：
1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 5 <title>熱身</title> 6 </head> 7 <body> 8 <p id="p1">我是第一段文字</p> 9 <p id="p2">我是第二段文字</p>10 11 <script type="text/javascript">12 document.write("hello");13 document.getElementById("p1").style.color="blue";14 15 </script>16 </body>17 </html>回到頂部四、如何插入JS
我們來看看如何寫入JS代碼？你只需一步操作,使用<script>標籤在HTML網頁中插入JavaScript代碼。注意， <script>標籤要成對出現，並把JavaScript代碼寫在<script></script>之間。
<script type="text/javascript">表示在<script></script>之間的是文本類型(text),javascript是為了告訴瀏覽器裡面的文本是屬於JavaScript語言。
通過前面知識學習，我們知道使用<script>標籤在HTML檔案中添加JavaScript代碼，:
JavaScript代碼只能寫在HTML檔案中嗎?當然不是，我們可以把HTML檔案和JS代碼分開,並單獨建立一個JavaScript檔案(簡稱JS檔案),其檔案尾碼通常為.js，然後將JS代碼直接寫在JS檔案中。
注意:在JS檔案中，不需要<script>標籤,直接編寫JavaScript代碼就可以了。
JS檔案不能直接運行，需嵌入到HTML檔案中執行，我們需在HTML中添加如下代碼，就可將JS檔案嵌入HTML檔案中。
<script src="script.js"></script>回到頂部六、JS在頁面中的位置
我們可以將JavaScript代碼放在html檔案中任何位置，但是我們一般放在網頁的head或者body部分。
最常用的方式是在頁面中head部分放置<script>元素，瀏覽器解析head部分就會執行這個代碼，然後才解析頁面的其餘部分。
JavaScript代碼在網頁讀取到該語句的時候就會執行。
注意: javascript作為一種指令碼語言可以放在html頁面中任何位置，但是瀏覽器解釋html時是按先後順序的，所以前面的script就先被執行。比如進行頁面顯示初始化的js必須放在head裡面，因為初始化都要求提前進行（如給頁面body設定css等）；而如果是通過事件調用執行的function那麼對位置沒什麼要求的。
範例程式碼2：
1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 5 <title>JS代碼的位置</title> 6 <script type="text/javascript"> 7 document.write("i love"); 8 </script> 9 </head>10 <body>11 <script type="text/javascript">12 document.write("you");13 </script>14 </body>15 </html>
運行結果：
i love you
回到頂部七、認識語句和符號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代碼，注釋的內容不會在網頁中顯示。注釋可分為單行注釋與多行注釋兩種。
我們為了方便閱讀，注釋內容一般放到需要解釋語句的結尾處或周圍。
單行注釋，在注釋內容前加符號 “//”。
<script type="text/javascript"> document.write("單行注釋使用‘//‘"); // 我是注釋，該語句功能在網頁中輸出內容</script>
多行注釋以"/*"開始，以"*/"結束。
<script type="text/javascript"> document.write("多行注釋使用/*注釋內容*/"); /* 多行注釋 養成書寫注釋的良好習慣 */</script>回到頂部九、什麼是變數
什麼是變數? 從字面上看，變數是可變的量；從編程角度講，變數是用於儲存某種/某些數值的儲存空間。我們可以把變數看做一個盒子，為了區分盒子，可以用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. 變數雖然也可以不聲明，直接使用，但不規範，需要先聲明，後使用。
回到頂部十、判斷語句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>
1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 5 <title>if...else</title> 6 <script type="text/javascript"> 7 var score =80; //score變數儲存成績，初值為80 8 if(score>=60) 9 {10 document.write("很棒，成績及格了。");11 }12 else13 {14 document.write("加油，成績不及格。");15 }16 </script>17 </head>18 <body>19 </body>20 </html>回到頂部十一、什麼是函數
函數是完成某個特定功能的一組語句。如沒有函數，完成任務可能需要五行、十行、甚至更多的代碼。這時我們就可以把完成特定功能的代碼塊放到一個函數裡，直接調用這個函數，就省重複輸入大量代碼的麻煩。
如何定義一個函數呢？基本文法如下:
function 函數名(){ 函數代碼;}
說明:
1. function定義函數的關鍵字。
2. "函數名"你為函數取的名字。
3. "函數代碼"替換為完成特定功能的代碼。
我們來編寫一個實現兩數相加的簡單函數,並給函數起個有意義的名字：“add2”，代碼如下：
function add2(){ var sum = 3 + 2; alert(sum);}
函數調用:
函數定義好後，是不能自動執行的，所以需調用它,只需直接在需要的位置寫函數就ok了,代碼如下:
JavaScript入門
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
