目錄
一、基礎知識
JavaScript是一種嵌入到頁面中的編程語言，由瀏覽器一邊解釋一邊執行。
1、JavaScript引入方式
HTML中引入JavaScript有三種方式：
- 外部JavaScript
- 內部JavaScript
- 元素事件JavaScript
（1）外部JavaScript
指把HTML代碼和外部JavaScript代碼分別放在不同文件中，然後在HTML文檔中使用script標籤來引入外部JavaScript代碼。
<body>
<script src="index.js"></script>
</body>
注意：JavaScript，外部JavaScript文件不僅可以在body中引入，而且可以在head中引入。引入外部CSS文件只能使用link標籤在head中引入。
（2）內部JavaScript
指把HTML代碼和JavaScript代碼放在同一個文件中。JavaScript代碼放在<script></script>標籤對內。同樣，內部JavaScript文件不僅可以在head中引入，也可以在body中引入。
<body>
<script type="text/javascript">
</script>
</body>
（3）元素屬性JavaScript
指在元素的事件屬性中直接編寫JavaScript或調用函數。
1）在元素事件中編寫JavaScript
<body>
<input type="button" value="按鈕" onClick="alert('元素事件')">
</body>
2）在元素事件中調用函數
<head>
<meta charset="utf-8">
<title>無標題文檔</title>
<script>
function alertMes()
{
alert("元素事件中調用函數");
}
</script>
</head>
<body>
<input type="button" value="按鈕" onClick="alertMes()">
</body>
二、語法基礎
1、變量聲明
所有的JavaScript變量都是由var聲明。
<script>
var a=20;
document.write(a);
</script>
2、數據類型
JavaScript基本數據類型有五種：數字、字符串、布爾值、未定義值和空值。
引用類型有兩種：數組和對象。
（1）數字
JavaScript數字不區分整型或浮點型，所有的變量都是用var聲明。
var a=10;
（2）字符串
字符串是用英文單引號或英文雙引號括起來。
var str="hello world";
注意：單引號括起來的字符串中，不能含有單引號，只能含有雙引號。雙引號括起來的字符串中不能含有雙引號，可以含有單引號。
（3）未定義值
指一個變量已經聲明但是沒有對該變量賦值，未定義值用undefined表示。
（4）空值
var n=null;
表示系統沒有給這個變量n分配內存空間。
3、邏輯運算符
4、類型轉換
共有兩種類型轉換：隱式類型轉換和顯示類型轉換
（1）隱式類型轉換：指自動進行的類型轉換。
（2）顯示類型轉換：指需要用代碼強制進行的類型轉換。
5、函數
（1）無返回值函數
function 函數名 （參數1，參數2，...）
{
...
}
（2）有返回值函數
function 函數名 （參數1，參數2，...）
{
return 返回值;
}
6、函數的調用
JavaScript函數的調用有四種：
- 直接調用
- 在表達式中調用
- 在超鏈接中調用
- 在事件中調用
直接調用和在表達式中調用與其他語言調用方式基本一致。
（1）在超鏈接中調用
在超鏈接中調用，指的是在a元素的href屬性中使用“javascript:函數名”的形式來調用函數，當用戶點擊超級鏈接時，就會調用該函數。
語法格式：
<a href="javascript:函數名"></a>
應用舉例：
<head>
<meta charset="utf-8">
<title>無標題文檔</title>
<link type="text/css" rel="stylesheet" href="style.css">
<script>
function expressMes()
{
alert("在超級鏈接中調用函數成功！");
}
</script>
</head>
<body>
<a href="javascript:expressMes()">超級鏈接</a>
</body>
（2）在事件中調用
通過事件調用函數
應用舉例：
<head>
<meta charset="utf-8">
<title>無標題文檔</title>
<link type="text/css" rel="stylesheet" href="style.css">
<script>
function expressMes()
{
alert("在事件中調用函數成功！");
}
</script>
</head>
<body>
<input type="button" onClick="expressMes()" value="按鈕"/>
</body>
三、對象
1、數組對象
（1）數組的創建
數組創建有兩種形式：
var 數組名=new Array(元素1，元素2...);
var 數組名 = [元素1，元素2 ...];
（2）獲取數組的長度
數組名.length
應用舉例：
<head>
<meta charset="utf-8">
<title>無標題文檔</title>
<link type="text/css" rel="stylesheet" href="style.css">
<script>
var arr=new Array(123,"js",false,undefined,null,3.14);
for(var i=0;i<arr.length;i++)
{
document.write(arr[i]+"<br/>");
}
</script>
</head>
<body>
</body>
注意數組arr的各個元素可以是不同類型。
2、時間對象
（1）創建時間對象
時間對象爲Date
var 日期對象名=new Date();
（2）獲取時間
應用舉例：
<head>
<meta charset="utf-8">
<title>無標題文檔</title>
<link type="text/css" rel="stylesheet" href="style.css">
<script>
var d=new Date();
var myHours=d.getHours();
var myMinutes=d.getMinutes();
var mySeconds=d.getSeconds();
document.write("當前時間："+myHours+":"+myMinutes+":"+mySeconds);
</script>
</head>
<body>
</body>
（3）設置時間
3、數學對象
（1）數學對象的基礎知識
Math對象與其他對象不一樣，Math對象不需要使用new關鍵字來創建，而是直接使用它的方法和屬性。
Math.屬性；
Math.方法；
（2）Math常用屬性
（3）Math對象的方法
