2018-06-25 js表單事件、三個高度和Ajax異步通訊技術
表單事件:
onfocus -> 表單控件得到焦點時觸發;
obj_ipt.onfocus=function(){};
onblur -> 表單控件失去焦點時;
onchange -> 表單控件內容被改變時;
onselect -> 控件被選擇時;
onsubmit -> 當表單提交時;
onreset -> 當表單重置時;
表單對象方法:
select() -> 對象被選中;
ipt_obj.select();
blur() -> 失去焦點
focus() -> 得到焦點
click() -> 被點擊
submit() -> 表單被提交
Reset() -> 表單被重置
三個高度:
h1=document.documentElement.clientHeight ->瀏覽器的(有效)可視高度
h2=document.documentElement.scrollHeight ->瀏覽器的總高度;
h3=document.documentElement.scrollTop -> 已滾動的高度
h3 + h1 = h2
Ajax無刷新技術
xhr = new XMLHttpRequest();-> 生成ajax對象
xhr.open(‘post‘,‘index.php?name=‘+name,true) ->js post請求index.php文件,並將name傳給後臺,ture為異步通訊,false則為同步
xhr.send -> 發出異步通訊請求
//監聽整個通訊過程
xhr.onreadystatechange=function(){
//xhr.readyState的值為4 則請求結束,可以獲取返回值判斷後臺執行的成功與否
if(xhr.readyState == 4){
if(r==‘1‘){
//成功
}else{
//失敗
}
}
}
2018-06-25 js表單事件、三個高度和Ajax異步通訊技術