web開發：js基礎篇
1.使用js
外部指令碼引入
<script src="../js/ajax.js"></script> //src裡寫指令碼地址，可以是本地，也可以是連結 <script>指令碼內容寫在script標籤裡</script> 嵌入html <script>指令碼內容寫在script標籤裡</script> 嵌入元素裡 <input type='button' onclick="javascript:window.location.href ='templates/query.html'" />2.變數
var a; //定義變數用var識別符號，不能指定型別，js自動判斷
a = 3;
var a = 3;
var a = '字串'
var a = ['abc','hi','345'] //定義陣列
var t = new Date(); //獲取當前時間，賦值給t
3.元素獲取
var id_name = document.getElementById('id');
document.getElementsByName('');
document.getElementsByClassName('class');
document.getELementsByTagName(tag);
4.輸出
alert('彈窗');
var t = document.getElementById("con")； //通過id定位到元素，
t.innerHTML="" //接收字串，替換掉原來的內容，如果有html元素會自動解析
t.innerText="" //同上，區別是不做任何解析，原樣輸出 t.value="" //其他同Text，區別是隻能用在設定了value的元素，如<input type='text' id="con" value='' /> t.append=("") //接收字串，追加到指定元素後 t.after="" //也是追加，是倒序的 document.write(‘內容’); //這個方法會出現覆蓋掉整個頁面的問題（通過onclick()或window.onload呼叫js函式時）5.控制語句及運算子
if..else
if(data.msg=='query'){ alert('if') }else if(data.status== 200){ alert('else'); } //if和for、while這些語句塊結束都不加符號 for for(vari=0;i<data.length;i++){ document.write(data[i]) }6.函式
function test(a, b) { //宣告
return a * b;
}
test(2,5) //js內呼叫
<input type="button" onclick="test()" /> //html中呼叫
匿名函式
windon.onload = function(){ //事件發生時呼叫
alert('hello');
};
var show = function(){ //賦值給一個變數，用變數名呼叫，和有名函式沒看出區別
alert('hello');
};
show(); //變數名加括號呼叫
定義匿名函式時直接呼叫
方式一：
(function(){ //小括號可以換成方括號[ ]
document.write('hello');
}());
方式二：
(function(){ //包裝函式，第一個()將函式變成表示式，第二個()代表執行這個函式
document.write('wo hao');
})();
方式三：
!function(){ // !號可以換成+、-、~、void
document.write('ni hao');
}()
7.頁面跳轉
window.location.href ='templates/query.html'; //頁面跳轉方式一
top.location = 'templates/export.html'; //頁面跳轉方式二 self.location = 'templates/export.html';//頁面跳轉方式三