2018-06-25 js表单事件三个高度和Ajax异步通讯技术

Posted miaoxingren

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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异步通讯技术的主要内容,如果未能解决你的问题,请参考以下文章

js为元素添加监听事件

JS实现判断滚动条滚到页面底部并执行事件的方法

js滚动事件实现滚动触底加载

js window.scroll 怎么判断滚动到底部

jquery ajax 放在重复点击事件beforeSend方法

js获取各种高度