JS介紹：js是一款運行在網頁，與客戶進行交互的網頁編程語言。
01.JS組成部分：
- ecmascript js標準
- dom 通過js調用網頁元素
- bom 通過api(接口）操作瀏覽器
02.特點：
- 簡單易用
- 解釋執行：直接在瀏覽器中就可操作解釋。 編譯執行：JAVA C#等語言電腦無法讀取，需要轉化爲.dll可執行文件，然後電腦或服務器讀取執行.dll可執行文件。
- 基於對象：沒有繼承，沒有封裝，沒有多肽，更簡單，更直接。 面向過程
03.使用範圍（作用）
- 表單驗證
- 輪播特效
- 開發遊戲
04.書寫位置
- 內嵌式
<head>
<script type="text/javascript">
alert("文字");
</script>
</head>推薦將JS代碼寫在html結束標籤後面。（爲了瀏覽器解析順序，不影響html內容的顯示。）
- 外鏈式
<head>
<script src="1.js">
</scrit>
</head>需要有外部的js文件：先創建一個外部js文件，通過src將js調用。
- 寫js代碼的時候，分號不能省略。
- 推薦將js代碼寫在html結束標籤後面
將多個js文件合成一個js文件
05.輸出消息的幾種方式
- alert() 在頁面彈出一個對話框。
alert(“文字”）； - confirm() 在頁面彈出一個對話框，比alert多了一個取消按鈕，用於js調試。
- console.log() 將信息輸入到控制檯
- prompt() 彈出對話框，用於接收用戶輸入信息。
- docment.write() 在頁面輸入信息或標籤信息。
docment.write("愛寵<br><strong>知識</strong>")docment.write不僅能輸出信息，還能輸出標籤
06.轉義字符
- \” 轉引號
- \＇轉單引號
- \n 轉換行
- \r 轉回車
07.js註釋
- 快捷鍵ctrl+/
- 單行註釋//
- 多行註釋/* */
08.變量:給一個元素定義值
- 存儲數據的容器。
<head>
<script type="text/javascript">
var wukong; 給定義變量
wukong="鬥戰勝佛"; 給變量賦值
alert(wukong); 變量中括號裏不加引號
</head>定義變量並賦值
<head>
<script type="text/javascript">
var wukong="鬥戰勝佛"； 定義變量並賦值
alert(wukong); 變量中括號裏不加引號
</head>2.變量命名規範
- 不能以數字或者純數字開頭來定義變量名。
- 不推薦使用中文來定義變量名。
- 不能使用特殊符號或者特殊符號開頭來定義變量名。（_下劃線除外）
不推薦使用關鍵字和保留字來定義變量名。
js中嚴格區分大小寫
輸入攝氏度轉爲華氏度練習
<script type="text/javascript">
var ssd=prompt("請輸入攝氏度"）；
var hsd=9/5*ssd+32;
alert(hsd);
</script>3.簡單數據類型
- number 數字類型
包含正數 ， 負數 ， 小數
能表示的最大值是±1.7976931348623157乘以10的308次方
能表示的最小值是±5 乘以10的-324次方
※數字類型表達方式：
a:十進制表示法:var n1=23;
b:十六進制表示法：從0-9，a(A)-f(F)表示數字,以0x開頭。
var n4=0x4323;
c:八進制表示法：0開頭，0-7組成
var n5=0472;
- 字符串 string
凡是用雙引號或者單引號引起的都是字符串。 - 布爾數據類型 boolean
只有兩個值，一個是true,一個是false
實際運算中true=1, false=0
<script type="text/javascript">
var n1=2;
var n2=3;
alert(n1==n2); false 錯誤的
alert(n1<n2); true 正確的
</script>- 變量未初始化 undefined
定義了變量，沒有給變量賦值,變量在內存中是存在的。
var n1;
alert(n1); 值爲空 null object
在內存中找不到這個變量。
var n2=null;
alert(n2);“”空字符串
變量在內存是存在的
var n3=”“;
4.判斷數據類型
typeof()
alert(typeof(n3));
5.比較運算符
< | > | <= | >= | ==(判斷兩個字符是否相同） | != （判斷兩個字符是否不相同） |
6.算數運算符
+ 加號
- 兩個數字類型的變量相加，得到的是一個數字類型。
- 一個數字類型和一個字符串相加，得到的是一個字符串。
- 減號
- 兩個數字類型的變量相減，得到的是一個數字類型。
- 一個數字類型和一個數字字符串相減，得到的是一個數字類型。
var n1=11;
var n2="23";
var n3=n1-n2;
alert(n3);
alert (typeof(n3));
- 一個數字類型和一個非數字的字符串相減，得到的是ＮａＮ，是一個數字類型。 （ＮａＮ：ｎｏｔ ａ ｎｕｍｂｅｒ不是一個數字，但是是數字類型）
／ 除以
- 兩個數字類型的變量相除，得到的是一個數字類型。
- 一個數字類型和一個數字字符串相除，得到的是一個數字類型。
- 一個數字類型和一個非數字的字符串相除，得到的是ＮａＮ，是一個數字類型。
- ０作爲除數（５／０）的時候，得到結果Ｉｎｆｉｎｉｔｙ（無限大），是一個數字類型。
％ 取餘數（被除數除以除數，剩下的數爲餘數）
ｖａｒ ｎ１＝７；
ｖａｒ ｎ２＝２；
ｎ１＝ｎ１％ｎ２；
ａｌｅｒｔ（ｎ１）；（）優先級 有（）先算（）裏面的
案例
＜ｓｃｒｉｐｔ ｔｙｐｅ＝ｔｅｘｔ／ｊａｖａｓｃｒｉｐｔ＞
ｃｏｎｓｏｌｅ．ｌｏｇ（（１２３＋４５＊８）／（３４＋５４３）－９＊（３２４－３４））；
＜／ｓｃｒｉｐｔ＞２）寫一個程序，要求用戶輸入雞蛋數，如果20個雞蛋放一盒，判斷要多少個盒子。在控制檯中輸出（最後盒子數量自考慮整數個數）
＜ｓｃｒｉｐｔ ｔｙｐｅ＝ｔｅｘｔ／ｊａｖａｓｃｒｉｐｔ＞
ｖａｒ ｅｇｇ＝ｐｒｏｍｔ（＂請輸入雞蛋個數＂）；
ｖａｒ ｂｏｘ＝ｅｇｇ／２０；
ｃｏｎｓｏｌｅ．ｌｏｇ（ｂｏｘ）；
＜／ｓｃｒｉｐｔ＞
＜ｓｃｒｉｐｔ ｔｙｐｅ＝ｔｅｘｔ／ｊａｖａｓｃｒｉｐｔ＞
ｖａｒ ｄａｙ１＝６；
ｖａｒ ｄａｙ２＝１０００％７；
ｖａｒ ｄａｙ３＝（ｄａｙ１＝ｄａｙ２）％７；
ａｌｅｒｔ（ｄａｙ３）；
＜／ｓｃｒｉｐｔ＞＜ｓｃｒｉｐｔ ｔｙｐｅ＝ｔｅｘｔ／ｊａｖａｓｃｒｉｐｔ＞
ａｌｅｒｔ（１００６％７）；
＜／ｓｃｒｉｐｔ＞７.帶操作的賦值運算(運算的簡單寫法）
＜ｓｃｒｉｐｔ ｔｙｐｅ＝ｔｅｘｔ／ｊａｖａｓｃｒｉｐｔ＞
ｖａｒ ｎ１＝２；
ｖａｒ ｎ２＝３；
ｎ１＋＝ｎ２； ｎ１＝ｎ１＋ｎ２
ａｌｅｒｔ（ｎ１）；
＜／ｓｃｒｉｐｔ＞
