Javascript（簡稱JS）簡介
JavaScript是一門廣泛用於浏覽器客戶端的腳本語言，由Netspace公司設計，當時跟Sun公司（已經被oracle收購）合作，所以名字起得像Java，業內一般簡稱JS。
JS的常見用途
HTML DOM操作（節點操作，比如添加、修改、刪除節點）
給HTML網頁增加動態功能，比如動畫
事件處理：比如監聽鼠標點擊、鼠標滑動、鍵盤輸入
在HTML頁面中JS常見的書寫方式
頁內JS：在當前網頁的script標簽中編寫
<script type="text/javascript">
//輸入js內容
</script>
外部JS，像調用css樣式一樣，調用外部的JS文件。
<script src="index.js"></script>
JS的常見操作
1.節點的基本操作（CRUD）
* C（Create）創建節點：
var div = document.createElement('div');
document.body.appendChild(div);
* R（Read）讀取節點：
var div = document.getElementById('logo');
var div = document.getElementsByTagName('div')[0];
var div = document.getElementsByClassName('logo')[0];
* U（Update）更新節點：
var img = document.getElementById('logo');
img.src = 'images/01.png';
* D（Delete）刪除節點：
var img = document.getElementById('logo');
img.parentNode.removeChild(img);
2.事件綁定
1> 推薦做法
var button = document.getElementById('login');
button.onclick = function() {
// 實現點擊按鈕想做的事情
};
2> 直接寫在標簽內部
<button onclick="var age = 20; alert(age);">登錄</button>
3> 不常用
function login() {
// 實現點擊按鈕想做的事情
}
var button = document.getElementById('login');
button.onclick = login;
著名的JS框架jQuery
1.通過選擇器查找元素
* $('選擇器')
* jQuery支持絕大部分的CSS選擇器
2.屬性操作
* 獲得屬性：
$('選擇器').attr('屬性名');
* 設置屬性：
$('選擇器').attr('屬性名', '屬性值');
3.顯示和隱藏
* 顯示：
$('選擇器').show();
* 隱藏：
$('選擇器').hide();
* 顯示和隱藏來回切換：
$('選擇器').toggle();
4.事件綁定
* 點擊事件(常用)
$('選擇器').click(function() {
// 實現點擊按鈕想做的事情
}).hide();
// 先給節點綁定事件，再隱藏
* 點擊事件(不常用)
function login() {
// 實現點擊按鈕想做的事情
}
$('選擇器').click(login);
HTML5框架（大部分都是為移動設備而寫的）
1.概念
* 有了HTML5框架，編寫簡易的幾行JS代碼，就能實現非常漂亮的手機界面
* HTML5框架封裝了大量的DOM節點操作，封裝了大量的CSS樣式
* 對JS的要求比較高，對CSS的要求並不高
2.常見的HTML5框架
* PhoneGap
* jQuery Mobile
* sencha-touch