1.<script></script>標簽包裹JS代碼，一般放在body后面 （放在前面瀏覽器會比較靠前的加載JS代碼從而導致報錯《未找到該元素啥的》）

一萨咳、定義變量

1.var a ；
變量的類型：
1.數(shù)值類型 0疫稿、1培他、2鹃两、3、4靶壮、5、6腾降、7、8抗果、9

var a = 123;

2.字符串類型(用單引號或者雙引號包裹，字符串的類型可以是任意字符)

var b = "你好"

3.布爾類型 true 真 false 假

var d = true;
var e = false;

4.null（屬于對象類型） 空類型

f = null

5.undefind

var g;

二冤馏、定義變量

變量 -》用來存儲數(shù)據(jù)的容器 變量被保存在內存里面
變量是有要求的
1.變量名必須是字母逮光、數(shù)字墩划、下劃線、$組成 數(shù)字不能開頭
不能是關鍵字乙帮、保留字
區(qū)分大小寫
規(guī)范： 駝峰命名法

如何查看關鍵字

console.log(a);

類型轉換（數(shù)值類型察净、字符串類型、布爾類型的相互轉換）

1.轉數(shù)值類型 Number（’‘）

      console.log(Number("123"));
     console.log(Number("00123"));
     console.log(Number(true));
     console.log(Number(false));
      console.log(Number(null));
     console.log(Number(undefined));

2.轉化成字符串

                 console.log(String(123));
     console.log(String(0));
     console.log(String(true));
     console.log(String(false));
     console.log(String(undefined));
     console.log(String(null));

3.轉布爾類型

      console.log(Boolean("0"));
     console.log(Boolean("1"));
     console.log(Boolean("true"));
     console.log(Boolean(""));
     console.log(Boolean("-5"));
     // 字符串轉布爾 非空為真
     console.log(Boolean(null)); 
     console.log(Boolean(undefined));
     // undefined和null 是false
     console.log(Boolean(0));
     console.log(Boolean(4));
     console.log(Boolean(-400));
      // 數(shù)字轉布爾 非零為真

獲取值 改變值

1.獲取值可以通過id名類名等找到具體的元素
然后我們用一個變量來存儲他势决，或者直接改變樣式

document.getElementById("uName").value

通過ID名來找到ID名為“uName”的元素 點就代表的 他的value值

document.getElementById("uName").value = "老鐵雙擊666";
等號就代表賦值

改變div（標簽）的內容可以使用innerHTML屬性

在JS中改變HTMl內容
innerHTML 可以是標簽 并且可以被解析
document.getElementById("first").innerHTML="<h1>扎心了媒鼓，老鐵</h1>";
字符串拼接操作 + 對字符串的作用就是拼接
console.log("123"+"asd"+"你好"+"a" +" ");

輸出的三種方式 檢查程序非常有用

輸出主要為了檢查程序里面的某個值株搔，以此來調試程序味廊。
console.log('這是控制臺打印');
alert('這是彈框消息');
document.write('這是文檔寫入');

JS運算符

分為五大類
1.賦值運算符 =
等號不是數(shù)學里面的相等雷猪，而是把等號有點的賦值給等號左邊（優(yōu)先級最低）
2.算術運算符

• • • / % ++ --
      a++ 和 ++a 都是讓a 在原來的基礎上加一 晰房，區(qū)別是++a是先自加然后在參與別的運算射沟，a++是先參與相關的運算在自加
      3.關系運算符（比較）

< >= <= == != === !==
三個等號与境、不等等 代表數(shù)值和類型都要判斷
4.邏輯運算符
&& 邏輯與 兩個條件同時滿足為真
|| 邏輯或 兩個條件滿足一個為真
摔刁！非 真就變假 假就變真
5.條件運算符
條件表達式 ？ 表達式1 ：表達式2 如果條件表達式為真 整個結果就是表達式1 反之表達式2

運算符的優(yōu)先級

算數(shù)運算符 大于 關系運算符 大于 邏輯運算符 大于 賦值運算符

短路與 短路或

在邏輯與里面如果第一個條件為false 那么第二個條件就不會執(zhí)行
在邏輯或里面 如果第一個條件為真 就可以判定整個表達式為真 此時第二者表達式就不會執(zhí)行
短路與 一假具假 短路或 一真具真

獲取元素

通過getElements獲取到的是一組數(shù)據(jù)會放在數(shù)組里面
通過標簽獲取元素

document.getElementByTagName
通過Name屬性獲取元素
document.getElementsByName
通過類名獲取元素
document.getElementsByClassName