HTML 學(xué)習(xí)筆記 May 9，2017 js運行原理、js開發(fā)工具介紹、js程序（hello）、js基本語法、js基本數(shù)據(jù)類型、js 運算符、js 移位運算、js三大流程控制（順序流程、分支控制、循環(huán)控制）
因為 js 是由瀏覽器來解釋執(zhí)行的，因此這里有一個問題，不同類型的瀏覽器可能對 js 的支持不一樣。
js 的開發(fā)工具：
①記事本
②eclipse
<script language="javascript">
window.alert("hello");
</script>
① js 的位置可以隨意
②必須用 <script language="javascript"> </script> 包起來
如果米有使用<script> 包起來，瀏覽器會將其視為普通文本。
③在一個 html 文件中(jsp/php/asp)可以出現(xiàn)多對 <script> 瀏覽器會依照先后順序依次執(zhí)行。
<script language="javascript">
// js中變量的定義(在 js 中變量用var 表示,不管實際類型)
var num1=343;
var num2=89;
var result=num1+num2;
window.alert('結(jié)果是' + result);
</script>
js 里邊要用 var 來定義變量
① js 是弱數(shù)據(jù)類型語言
即 在定義變量的時候，同意使用 var 表示，甚至可以去掉 var 這個關(guān)鍵字；
② js 中的變量的數(shù)據(jù)類型是由 js 引擎決定
每條功能執(zhí)行語句的最后必須用分號（；）結(jié)束，每個詞之間用空格、制表符、換行符或大括號、小括號這樣的分隔符隔開。
js 的命名規(guī)范（變量函數(shù)）
① 使用 大小寫字母、數(shù)字、_、$ 可以命名
② 不能以數(shù)字開頭
③ 不能使用 js 的關(guān)鍵字/保留字
④ 區(qū)分大小寫
⑤ 單行注釋 // 多行注釋 /* */
JavaScript 數(shù)據(jù)類型
①基本數(shù)據(jù)類型：數(shù)值、字符串、布爾型
根據(jù) typeof 可以看到變量的具體數(shù)據(jù)類型是什么。
<script language="javascript">
var v1 = "abc";
var v2 = 980;
window.alert("v1 是" + typeof v1);//v1 是 string
window.alert("v2 是" + typeof v2);// v2 是 number
v1 = 668;
window.alert("v1 是" + typeof v1);// v1 是number
</script>
類型常量：十六進制（0x8a），八進制（0123）
實型常量：5E7（5 乘以 10 的 7 次方，可以寫成 e ）
特殊數(shù)值：NaN（not a number）、infinity（無窮大）、isNaN（判斷不是 number 就返回真）、isFinite（檢測不是無窮大就返回真）
var a = "abc";
window.alert(parseInt(a)); // parseInt 把一個字符串轉(zhuǎn)化成整型數(shù)輸出 NaN
window.alert(v1/0); // Infinity 無窮大
window.alert(isFinite(v1/0)); // 無窮大就返回 false
var a = "abcdefg"hijklmn";
window.alert(a); //abcdefg"hijklmn
js 數(shù)據(jù)類型的轉(zhuǎn)換
1??自動轉(zhuǎn)換
2?? 強制轉(zhuǎn)換
var a = 123; // a 是數(shù)值
a = "hello"; // a 的類型就是 string
var b = "12345"; // b 的類型就是 string
b = parseInt(b); // 使用系統(tǒng)函數(shù)強制轉(zhuǎn)換
var c = 90; // c 是 number
c = c + ""; // c 是 string
②復(fù)合數(shù)據(jù)類型：數(shù)組、對象
③ 特殊數(shù)據(jù)類型：null、undefine
null：
var a = null;
undefine：
var tt; // 沒有賦值
window.alert(tt); // undefine 報錯，未定義
// 最后打印結(jié)果是 OK!
var a = 9;
var b = '9';// 等同于 var b = "9"; 雙引號單引號米有影響
if (a==b) {
window.alert('OK!');
} else {
window.alert('NO!');
}
var a1=window.prompt("請輸入值"); // *** prompt 輸入框
document.writeln("你輸入的是" + a1); // 你輸入的是***
在邏輯運算中，0、""、false、null、undefined、NaN 全部都表示為 false 。
javascript 中，非 0 的數(shù)都為真，包括小數(shù)和負(fù)數(shù)??
這是一個非常重要的知識點：
在 || 運算中，將返回第一個不為 false 的值（對象亦可），或者是返回最后一個值（如果全部都是 false 的話） || 返回的結(jié)果，不一定是 bool 值
var a = 0;
var b = "";
var c = false;
var d = a || b || c;
window.alert(d); // 打印輸出 false
var a = 0;
var b = "";
var c = false;
var d = c || b || a;
window.alert(d); // 打印輸出 0
js 也有位運算和移位運算，其規(guī)范和 java 一致
var a = 4>>2; 向右移位
// 4 二進制 0000 0100 -->0000 0001
window.alert(a); // 打印出來 1
var a = -4>>2; // 打印出來結(jié)果是 -1
● javascript 的控制語句
① 順序控制
② 分支控制
多分支：
var sex = window.promt("請輸入性別");
if (sex == "男") {
window.alert("上男廁所");
} else if (sex == "女") {
window.alert("上女廁所");
} else {
window.alert("不上廁所");
}
js 里邊的 switch 語句，后邊的數(shù)據(jù)類型可以是任意數(shù)據(jù)類型
var flag = 1;
switch (flag) {
default:
window.alert("默認(rèn)");
case 'a':
window.alert("今天星期一");
case 'b':
window.alert("今天星期二");
case 1.1:
window.alert("1.1"); // 打印出來: 默認(rèn) 今天星期一 今天星期二 1.1 走了一遍，米有找到匹配的，然后就重新走 default ，走完之后就開始一步一步走下來了。
}
var flag = 1.1;
switch (flag) {
default:
window.alert("默認(rèn)");
case 'a':
window.alert("今天星期一");
case 'b':
window.alert("今天星期二");
case 1.1:
window.alert("1.1"); // 直接打印出來 1.1 找到匹配的就不會重新走 default ，然后一步一步走下來了
}
javascript 中，非 0 的數(shù)都為真，包括小數(shù)和負(fù)數(shù)??
在 ie8 中，我們可以通過工具來對 js 代碼進行調(diào)試，尤其是在頁面非常復(fù)雜的情況下，非常有用
