1. 程式人生 > >2018-06-25 js表單事件、三個高度和Ajax異步通訊技術

2018-06-25 js表單事件、三個高度和Ajax異步通訊技術

click pre 監聽 ons The element state document name

表單事件:

  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異步通訊技術