JavaScript 在HTML中的標簽位置
<!DOCTYPE HTML>
<html>
<head>
<title>title</title>
</head>
<body>
<!-- 這里放內容 -->
/*對于需要加載很多js的頁面來說,建議把js的引用放在下方位置,這樣可以盡快將頁面呈現出來*/
<script type="text/javascript" src="..."></script>
</body>
</html>
延遲腳本與異步腳本的區別
<!DOCTYPE HTML>
<html>
<head>
<title>title</title>
<script type="text/javascript" defer="defer" src="..."></script> //延遲腳本
<script type="text/javascript" async src="..."></script> //異步腳本
</head>
<body>
<!-- 這里放內容 -->
</body>
</html>
延遲腳本
腳本的加載不會影響頁面布局,,可以讓頁面加載完成后,再加載腳本。
異步腳本
腳本的加載與頁面的布局同時進行。
關于JavaScript 嵌入代碼與外部文件
- 可維護性
- 可緩存
- 適應未來 ????
注釋
- 單行注釋
// 這就是單行注釋
- 多行注釋
/* 這就是多行注釋 */
關鍵字和保留字
- 關鍵字:可以用來對語句進行一些操作。
- 保留字:不可以用來作為標識符使用。
變量
- 全局變量:在外部用var定義,或者函數內部不用var定義,但是后者不推薦使用。
- 局部變量:在函數內部用var定義。
數據類型
可以用typeof()的返回值查看
- undefined:定義了對象,但沒有初始化值;
- boolean:true 可以轉換為 1,false 可以轉換為 0;
- string:字符串類型,單引號,雙引號都可以;
-
number:js中的數字類型
浮點數
/*對于測試浮點數的結果,不能直接用(x + y == 0.1)類似的方法*/
var FloatNumber = 1.1;
var FloatNumber = 0.1;
var FloatNumber = .1; //不會報錯,但是不規范
var FloatNumber = 1.0; //結果是 1
var FloatNumber = 1.; //結果是 1
isNaN()
// NaN可以當成為一個數值來理解
// NaN與任何數字進行操作,返回值都是NaN
// NaN與任何數都 不相等 ,包括他自己
// 通過isNaN()的返回值我們可以確認參數是否---不是數值
alert(isNaN(NaN)); //返回值是true
alert(isNaN(1)); //返回值是false
alert(isNaN("2")); //返回值是false
alert(isNaN("abc")); //返回值是true
alert(isNaN(true)); //返回值是false
類型轉換
// parseInt() ,parseFloat()可以用來轉換數據類型
// NaN與任何數字進行操作,返回值都是NaN
<!-- parseInt的用法 -->
var Type1 = parseInt(""); // 返回的是NaN
var Type2 = parseInt("123"); // 返回的是123
var Type3 = parseInt("123abc"); // 返回的是123
var Type4 = parseInt("abc123"); // 返回的是NaN
var Type5 = parseInt("1011",2); // 返回的是十進制數,引號里放的是轉換成十進制的數,后邊的參數是,引號內的進制類型
var Type6 = parseInt(1.1); // 返回的是1
<!-- parseFloat的用法 -->
var Type1 = parseFloat(""); // 返回的是NaN
var Type2 = parseFloat("123"); // 返回的是123
var Type3 = parseFloat("123abc"); // 返回的是123
var Type4 = parseFloat("abc123"); // 返回的是NaN
var Type5 = parseFloat("1.1"); // 返回的是1.1
var Type6 = parseFloat("01.1"); // 返回的是1.1
- object:對象,用new來創建,最好帶上括號,object();
- function:函數