整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          JavaScript的基本語法

          節我們簡單的來學習一下 JavaScript 的語法。我們知道 JavaScript 是一種腳本語言,腳本語言又被稱為擴建的語言,或動態的語言,是一種編程語言,用來控制軟件應用程序,腳本通常以文本保存,只有在被調用的時候進行解釋或編譯。JavaScript 語言是一套規則,它定義了 JavaScript 的語言結構。

          基本語法

          • JavaScript 中必須嚴格區分大小寫,例如變量 myVariable 和 MyVariable 是不同的,test 和 Test 是不同的。
          • JavaScript 語句中每一行代碼都要以英文的分號 ; 結尾,如果不寫分號,瀏覽器會自動添加,但是會消耗一些系統資源。
          • JavaScript 中會自動忽略多個空格和換行,所以可以使用空格和換行對代碼進行格式化。
          • JavaScript 是弱類型語言,聲明變量時可以不需要指定變量的類型。

          JavaScript 注釋

          注釋顧名思義就是對代碼的解釋和說明,可以讓我們能夠輕松的了解代碼。注釋可以提高代碼的可讀性,且注釋不會被計算機編譯。每個語言中的注釋格式可能不太一樣,我們來看一下 JavaScript 語言的注釋。

          JavaScript 語言中的注釋其實很簡單,在需要注釋的語句前面添加雙斜杠// 即可,例如:

          // 這是一行注釋
          

          雙斜杠后面的內容會被瀏覽器忽略,且一般我們寫注釋時,雙斜杠與內容之間會有一個空格。

          上面的雙斜杠是我們最常用的注釋方法,我們可以稱之為單行注釋,除此之外,還有一種注釋叫做多行注釋,格式如下所示:

          /*
          這是多行注釋
          俠課島歡迎你
          這是多行注釋
          */
          

          通常我們會使用注釋來進行一些說明,例如說明某段代碼是用來做什么的,或者注釋一寫可能有用但是暫時用不上的代碼等。

          示例:

          執行下面代碼:

          // 定義一個變量
          var a = 1;
          // console.log(a);
          var b = 10;
          console.log(b);
          

          輸出:

          10
          

          什么是字面量

          JavaScript 中的字面量是指不可以改變的值,如數字 1、2、3 等。字面量都是可以直接使用的,但是我們一般都不會直接使用字面量的。

          • 數字(Number)字面量可以是整數或者是小數,或者是科學計數。例如:
          12
          
          1.26
          
          187e1
          
          • 字符串(String)字面量可以使用單引號''或雙引號""包圍,例如:
          'xkd'
          
          "hello xkd"
          
          • 表達式字面量可以用于計算:
          1 + 2
          
          10 - 7
          
          3 * 6
          
          • 數組(Array)字面量定義一個數組:
          [1, 2, 3, 4, 5]
          
          • 對象(Object)字面量定義一個對象:
          {name: "xkd", age:18}
          
          • 函數(Function)字面量定義一個函數:
          function myFun(x, y) { return x + y;}
          

          什么是變量

          JavaScript 中變量可以用來保存字面量,變量的值是可以任意改變的,在開發中通常都是使用變量來保存一個字面量。

          在 JavaScript 中我們可以使用關鍵字 var 來聲明一個變量,例如:

          var name
          
          name = "xkd"
          

          上面這個 name 就是我們聲明的變量的變量名,在聲明一個變量以后要對變量進行賦值,即上面的“xkd”,而 xkd

          就是一個字符串字面量。

          或者變量的聲明和賦值也可以同時進行,如下所示:

          var name = "xkd"
          var age = 20
          

          JavaScript 關鍵字

          JavaScript 的關鍵字用于標識要執行的操作。和其他任何編程語言一樣,JavaScript 保留了一些關鍵字為自己所用。

          下面是 JavaScript 中重要的保留字:

          abstractelseinstanceofsuperbooleanenumintswitchbreakexportinterfacesynchronizedbyteextendsletthiscasefalselongthrowcatchfinalnativethrowscharfinallynewtransientclassfloatnulltrueconstforpackagetrycontinuefunctionprivatetypeofdebuggergotoprotectedvardefaultifpublicvoiddeleteimplementsreturnvolatiledoimportshortwhiledoubleinstaticwith

          JavaScript程序

          • 計算機程序是由計算機執行的指令的列表,在編程語言中,這些編程指令稱為語句。大多數時候 JavaScript 程序會包含多數的 JavaScript 語句。
          • JavaScript 程序是編程語句的列表,在 HTML 中,JavaScript 程序是由 web 瀏覽器執行的。

          JavaScript語句

          在HTML中,JavaScript 語句是發給瀏覽器的命令。這些命令會告訴瀏覽器要做的事。

          JavaScript 語句可以由值、運算符、表達式、關鍵字和注釋等部分組成。

          示例:

          JavaScript 語句之間都是用分號分隔:

          var a, b, c;
          a = 19;
          b = 79;
          c = a + b;
          

          JavaScript 語句通常以一個語句標識符為開始,并執行該語句。

          注意語句標識符是保留關鍵字不能作為變量名使用,例如:

          var break = 10;
          console.log(break);  // SyntaxError: Unexpected token 'break'
          

          上述中的 break 是一個標識符,不能作為變量名,這樣寫代碼會報錯。

          JavaScript的語法和Java語言類似,每個語句以;結束,語句塊用{...}。但是,JavaScript并不強制要求在每個語句的結尾加;,瀏覽器中負責執行JavaScript代碼的引擎會自動在每個語句的結尾補上;。

          注意:讓JavaScript引擎自動加分號在某些情況下會改變程序的語義,導致運行結果與期望不一致。在本教程中,我們不會省略;,所有語句都會添加;。

          例如,下面的一行代碼就是一個完整的賦值語句:

          var x = 1;

          下面的一行代碼是一個字符串,但仍然可以視為一個完整的語句:

          'Hello, world';

          下面的一行代碼包含兩個語句,每個語句用;表示語句結束:

          var x = 1; var y = 2; // 不建議一行寫多個語句!

          語句塊是一組語句的集合,例如,下面的代碼先做了一個判斷,如果判斷成立,將執行{...}中的所有語句:

          if (2 > 1) { x = 1; y = 2; z = 3; }

          注意花括號{...}內的語句具有縮進,通常是4個空格。縮進不是JavaScript語法要求必須的,但縮進有助于我們理解代碼的層次,所以編寫代碼時要遵守縮進規則。很多文本編輯器具有“自動縮進”的功能,可以幫助整理代碼。

          {...}還可以嵌套,形成層級結構:

          if (2 > 1) { x = 1; y = 2; z = 3; if (x < y) { z = 4; } if (x > y) { z = 5; } }

          JavaScript本身對嵌套的層級沒有限制,但是過多的嵌套無疑會大大增加看懂代碼的難度。遇到這種情況,需要把部分代碼抽出來,作為函數來調用,這樣可以減少代碼的復雜度。

          注釋

          以//開頭直到行末的字符被視為行注釋,注釋是給開發人員看到,JavaScript引擎會自動忽略:

          // 這是一行注釋alert('hello'); // 這也是注釋

          另一種塊注釋是用/*...*/把多行字符包裹起來,把一大“塊”視為一個注釋:

          /* 從這里開始是塊注釋 仍然是注釋 仍然是注釋 注釋結束 */

          大小寫

          請注意,JavaScript嚴格區分大小寫,如果弄錯了大小寫,程序將報錯或者運行不正常。

          、HTML表單


          1. <!DOCTYPE html>
          2. <html>
          3. <head>
          4. <meta charset="UTF-8">
          5. <title>Insert title here</title>
          6. </head>
          7. <body>
          8. <!-- 1.表單元素
          9. 用來聲明數據提交的范圍
          10. 只有在此元素內的數據可以提交給服務器 -->
          11. <!-- action屬性用來聲明數據提交的目標 -->
          12. <form action="http://www.baidu.com">
          13. <!-- 2.表單控件
          14. 用來讓用戶輸入數據的
          15. 1)input元素(9個 ),它們之間用type元素區分-->
          16. <!-- 文本框
          17. value:設置默認值 maxlength:設置最大長度 readonly:設置只讀 -->
          18. <p>
          19. 賬號:<input type="text" value="lcz" maxlength="10"/>
          20. </p>
          21. <!-- 密碼框 屬性同上 -->
          22. <p>
          23. 密碼:<input type="password">
          24. </p>
          25. <!-- 單選框 name:組名。同一組名互相排斥
          26. checked設置默認選中-->
          27. <p>
          28. 性別:
          29. <input type="radio" name="sex" checked="checked"/>男
          30. <input type="radio" name="sex"/>女
          31. </p>
          32. <!-- 多選框 checked:設置默認選中 -->
          33. <p>
          34. 興趣愛好:
          35. <input type="checkbox" checked="checked"/>音樂
          36. <input type="checkbox" checked="checked"/>看書
          37. <input type="checkbox"/>打球
          38. </p>
          39. <!-- 文件框 -->
          40. <p>
          41. 頭像上傳:<input type="file"/>
          42. </p>
          43. <!-- 隱藏框 -->
          44. <p>
          45. <input type="hidden" value="abc"/>
          46. </p>
          47. <!-- 按鈕
          48. submit:提交表單中的數據
          49. reset:將表單中的數據重置為初始值
          50. button:沒有任何功能,需通過js定義功能 -->
          51. <p>
          52. <!-- 提交按鈕 -->
          53. <input type="submit" value="注冊">
          54. <!-- 重置按鈕 -->
          55. <input type="reset" value="重置">
          56. <!-- 普通按鈕 -->
          57. <input type="button" value="按鈕">
          58. </p>
          59. <!--2)其他元素(3個) -->
          60. <!-- label:用來管理表單中的文本 id:是元素的唯一標志,相當于元素的身份證號,任何元素都可以由id,程序員有義務保證元素的id不重復
          61. 可以將文本與空間綁定在一起,從而增加了控件的受力面積。-->
          62. <p>
          63. <input type="checkbox" id="xieyi"/>
          64. <label for="xieyi">我已閱讀并且自愿遵守此協議!</label>
          65. </p>
          66. <!-- select:下拉選 selected:設置默認選中 -->
          67. <p>
          68. 城市:
          69. <select>
          70. <option>請選擇</option>
          71. <option selected="selected">北京</option>
          72. <option>上海</option>
          73. <option>廣州</option>
          74. <option>深圳</option>
          75. <option>杭州</option>
          76. </select>
          77. </p>
          78. <!-- textarea:文本域 -->
          79. <p>
          80. 簡介:<br>
          81. <textarea rows="10" cols="100">這是文本域的默認值</textarea>
          82. </p>
          83. </form>
          84. </body>
          85. </html>

          主站蜘蛛池模板: 亚洲国产精品一区二区三区在线观看 | 亚洲AV综合色一区二区三区| 精品少妇一区二区三区视频| 亚洲AV无码一区二区三区久久精品| 福利视频一区二区牛牛| 久久亚洲日韩精品一区二区三区| 国产成人高清精品一区二区三区| 中文精品一区二区三区四区| 国产av一区二区三区日韩| 日本一区午夜爱爱| 国内精品一区二区三区最新| 精品国产一区二区三区不卡| 久久国产视频一区| 三上悠亚亚洲一区高清| 国产91精品一区| 夜夜高潮夜夜爽夜夜爱爱一区| 日本免费一区二区三区| 中文字幕人妻无码一区二区三区| 日本视频一区二区三区| 蜜芽亚洲av无码一区二区三区 | 青娱乐国产官网极品一区 | 日本无码一区二区三区白峰美| 国产在线一区二区三区| 亚洲综合无码AV一区二区| 日韩精品一区二区三区不卡| 人妻互换精品一区二区| 亚洲AV日韩综合一区| 精品一区二区视频在线观看| 中文字幕一区二区三区5566| 无码人妻精品一区二区三| 日本一区二区三区高清| 在线观看国产一区| 亚洲无线码一区二区三区| 中文字幕一区二区三区在线不卡| 欧洲精品码一区二区三区免费看| 精品国产区一区二区三区在线观看| 日本一区二区三区不卡在线视频 | 久久久久久人妻一区二区三区| 久久无码人妻一区二区三区| 亚洲一区精品视频在线 | 午夜福利一区二区三区在线观看|