博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
2018-06-25 js表单事件、三个高度和Ajax异步通讯技术
阅读量:5352 次
发布时间:2019-06-15

本文共 1157 字,大约阅读时间需要 3 分钟。

表单事件:

  onfocus -> 表单控件得到焦点时触发;

    obj_ipt.οnfοcus=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{

        //失败

      }

    }

  }

转载于:https://www.cnblogs.com/miaoxingren/p/9226194.html

你可能感兴趣的文章
webstorm修改文件,webpack-dev-server不会自动编译刷新
查看>>
Scikit-learn 库的使用
查看>>
CSS: caption-side 属性
查看>>
python 用数组实现队列
查看>>
认证和授权(Authentication和Authorization)
查看>>
Mac上安装Tomcat
查看>>
CSS3中box-sizing的理解
查看>>
传统企业-全渠道营销解决方案-1
查看>>
Lucene全文检索
查看>>
awk工具-解析1
查看>>
推荐一款可以直接下载浏览器sources资源的Chrome插件
查看>>
CRM product UI里assignment block的显示隐藏逻辑
查看>>
AMH V4.5 – 基于AMH4.2的第三方开发版
查看>>
Web.Config文件配置之配置Session变量的生命周期
查看>>
mysql导入source注意点
查看>>
linux下编译安装nginx
查看>>
ArcScene 高程不同的表面无法叠加
查看>>
[ONTAK2010] Peaks
查看>>
DLL 导出函数
查看>>
windows超过最大连接数解决命令
查看>>