首頁 > 開發者 > JavaScript
標籤：聲明變數 3.1 全域變數 區分大小寫 相對路徑 位置 jquery 世界 字元
一、為什麼要學javascript？
1、因為你別無選擇！只有javascript可以控制所有常用的瀏覽器，而且javascript是世界上最重要的程式設計語言之一，學習web技術必須學會javascript。
二、JavaScript語言的特點:
1、指令碼編寫語言
2、基於對象的語言
3、簡單性
4、動態性
5、安全性
6、跨平台性
三、JavaScript語言的引入方式
1、內嵌式：
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 <script type="text/javascript"> 7 alert("這是第一個 JavaScript 內嵌式!"); 8 </script> 9 </head>10 <body>11 </body>12 </html>
2、外嵌式：
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 <script src="jquery-3.1.1.js"></script> 7 </head> 8 <body> 9 </body>10 </html>
注意： 第一種載入：
<script>...</script>標識放入 <head>.. </head>，使之在首頁和其餘部分代碼之前裝載，從而可使代碼的功能更強大；
src：js的路徑，可以使用相對路徑。
js檔案執行是阻塞的，執行之後瀏覽器才會繼續執行html的文檔流。
第二種載入：可以將 JavaScript 標識放置在<body>... </body>主體之間以實現某些部分動態地建立文檔。
script置放位置：script標籤可以定義在html的任意地點。 但注意script與文檔流的執行順序。
四、JavaScrip的列印/輸出方式。
1、列印到頁面：
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 <script> 7 document.write(‘直接列印到頁面‘) 8 </script> 9 </head>10 <body>11 </body>12 </html>
2、列印到控制器
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script> console.log(‘直接列印到控制器‘) </script> </head> <body> </body></html>
3、彈出框
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 <script> 7 alert(‘彈出框‘) 8 </script> 9 </head>10 <body>11 </body>12 </html>
五、JavaScrip標識符 定義：標識符是指變數、函數、屬性的名字，或者函數的參數
標識符首字元可以是以底線（_）、美元符($)或者字母開始，不能是數字。
六、JavaScrip語言的基本要素
1、區分大小寫
2、變數不區分類型
3、每條語句結尾可以省略分號
4、程式碼片段要封閉
5、注釋（單行以//開頭。多行以/*開頭，以*/結尾）
七、JavaScript語言的聲明變數的方式
1、使用var（關鍵字）+變數名( 標識符 )的方式在function外部聲明，就是全域變數，否則在function聲明的是局部變數。
全域變數
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 <script> 7 var a=12; 8 function arr(){ 9 alert(a)10 } arr()//彈出1211 </script>12 </head>13 <body>14 </body>15 </html>
局部變數
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script> var a=12; function arr(){ var b=2 alert(b) } arr()//彈出2 </script> </head> <body> </body></html>
今天就講到這，如果想瞭解更多請點擊關注，謝謝大家
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
