zoukankan      html  css  js  c++  java
  • 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('get','index.php?name='+name,true); ->js post请求index.php文件,并将name传给后台,ture为异步通讯,false则为同步

      xhr.send(); -> 发出异步通讯请求

      xhr.open('post','index.php?name='+name);

      xhr.setRequestHeader('content-type','application/x-www-form-urlencoded')

      info = 'name='+name+"&age="+age;

      xhr.send(info);-> 红色四行为post方式Ajax请求操作

      //监听整个通讯过程

      xhr.onreadystatechange=function(){

      //xhr.readyState的值为4 则请求结束,可以获取返回值判断后台执行的成功与否

        if(xhr.readyState == 4){

          r = xhr.responseText;

          if(r){

            //成功

          }else{

            //失败

          }

        }

      }

  • 相关阅读:
    Medium | LeetCode 347. 前 K 个高频元素 | 快速排序
    Medium | LeetCode 215. 数组中的第K个最大元素 | 快速排序
    Easy | LeetCode 75. 颜色分类 | 快速排序
    lib和dll
    windows使用cmd打印出当前路径下的所有文件名称
    windows中的sleep和Ubuntu中的sleep
    ‘mutex’ in namespace ‘std’ does not name a type
    gcc命令参数
    ubuntu18.04 使用pthread库
    vs2019 c语言配置pthreads多线程
  • 原文地址:https://www.cnblogs.com/miaoxingren/p/9226194.html
Copyright © 2011-2022 走看看