首頁 > 開發者 > JavaScript
標籤：特性 輸出 警示 檔案 htm pycharm 壓縮 分享圖片 引入
JavaScript文法1.JS的引入1- 直接在<script>標籤下引入<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <title>Title</title> <script> console.log(‘hello world!‘); </script></head><body></body></html>
在瀏覽器中單擊右鍵選擇檢查，選擇Console，可以看到代碼的輸出結果
2- 從檔案中匯入js代碼HTML代碼
<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <title>Title</title> <script src="js/helloworld.js"></script></head><body></body></html>
JS代碼
console.log(‘hello world!‘);
結果同上
2.文法規則學習程式，是有規律可循的，就是程式是有相同的部分，這些部分就是一種規定，不能更改，我們成為：文法。
（1）JavaScript對換行、縮排、空格不敏感。
備忘：每一條語句末尾要加上分號，雖然分號不是必須加的，但是為了程式今後要壓縮，如果不加分號，壓縮之後將不能運行。
（2）所有的符號，都是英語的。比如括弧、引號、分號。
（3）JavaScript的注釋：
<script type="text/javascript"> // 單行注釋 /* 多行注釋1 多行注釋2 */</script>
備忘：pycharm、sublime中，單行注釋的快速鍵是ctrl+/，多行注釋的快速鍵是ctrl+shift+/。
3.JavaScript在網頁中輸出資訊的寫法3.1- 彈出警示框：alert(‘‘)// 彈出警示框alert(‘這是警示框‘);
在開啟瀏覽器後，會彈出警示框。alert（英文翻譯為“警報”）的用途：彈出“警告框”。
3.2- 控制台輸出：console.log(‘‘)// console控制台console.log(‘這是控制台‘);
console.log("")表示在控制台中輸出。console表示“控制台”，log表示“輸出”。
控制台在Chrome瀏覽器的F12中。控制台是工程師、程式員偵錯工具的地方。程式員經常使用這條語句輸出一些東西，來測試程式是否正確。
3.3- 使用者輸入：prompt()語句// 使用者輸入var a = prompt("使用者輸入資訊");console.log(a);
prompt()就是專門用來彈出能夠讓使用者輸入的對話方塊。
// 定義變數var a = 100;var b;b = 200;console.log(a,b);
var是英語“variant”變數的縮寫。後面要加一個空格，空格後面的東西就是“變數名”，
定義變數：var就是一個關鍵字，用來定義變數。所謂關鍵字，就是有特殊功能的小詞語。關鍵字後面一定要有空格隔開。
變數的賦值：等號表示賦值，將等號右邊的值，賦給左邊的變數。
變數名：我們可以給變數任意的取名字。
PS：在JavaScript中，永遠都是用var來定義變數
4.2- 變數的命名規範變數名有命名規範：只能由英語字母、數字、底線、貨幣符號$構成，且不能以數字開頭，並且不能是JavaScript保留字。
常見關鍵字 -- 不可以使用
abstract、boolean、byte、char、class、const、debugger、double、enum、export、extends、final、float、gotoimplements、import、int、interface、long、native、package、private、protected、public、short、static、super、synchronized、throws、transient、volatile
對大小寫敏感
4.3- 變數的類型變數裡面能夠儲存數字、字串等。變數會自動的根據儲存內容的類型不同，來決定自己的類型。
可以使用typeof方法擷取變數的類型
數字類型
在JavaScript中，只要是數，就是數值型(number)的。無論整浮、浮點數（即小數）、無論大小、無論正負，都是number類型的。
// 數字類型var a = 100;var b = 100.1;var c = -100;console.log(a, typeof a);console.log(b, typeof b);console.log(c, typeof c);
字串類型
使用引號括起來的內容
// 字串類型var a = ‘word‘;var b = ‘單詞‘;var c = ‘12313‘;var d = ‘‘;console.log(a, typeof a);console.log(b, typeof b);console.log(c, typeof c);console.log(d, typeof d);
可以使用連字號拼接字串
// 字串類型var a = ‘word‘;var b = ‘單詞‘;var c = ‘12313‘;var d = ‘‘;console.log(a, typeof a);console.log(b, typeof b);console.log(c, typeof c);console.log(d, typeof d);console.log(a+b+c+d);4.4- 變數的運算
// 字串 - 數值 = 數值var a = ‘str‘;var b = 500;var c = ‘100‘;console.log(a-b, typeof a-b);console.log(c-b, typeof c-b);// 數值 + 字串console.log(b+a, typeof (b+a));console.log(b+c, typeof (b+c));
字串 - 數值 = NaN
數值 - 字串 = NaN
字串 + 數值 = 字串
數值 + 字串 = 字串
4.5- 變數格式轉換1- 使用使用者輸入方法prompt輸入的都是字串
// 使用者輸入類型var inp = prompt(‘使用者輸入的類型‘);console.log(inp, typeof inp);
2- 使用parseInt()：字串轉化成數字
parseInt()可以將字串轉數字。parse表示“轉換”，Int表示“整數”（注意Int的拼字）。
特性：
（1）帶有自動淨化的功能；只保留字元串最開頭的數字，後面的中文自動消失。
// parseInt()字串轉化成數字var str1 = "2018年";console.log(parseInt(str1));
（2）自動帶有截斷小數的功能：取整，不四捨五入。
var a = 5.5;var b = 2.3;console.log(parseInt(a-b), parseInt(a+b));
02-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
