webAPI编程-04

本文主要是介绍webAPI编程-04，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

9.常用的键盘事件

• keyup按键弹起的时候触发

  • 1.document.onkeyup = function() {
        ......
    }
    2.document.addEventListener('keyup',function() {
        ......
    })
    

• keydown按键按下的时候触发，能识别功能键，如ctrl、shift、左右箭头等

  • document.addEventListener('keydown',function() {
        ......
    })
    

• keypress按键按下的时候触发，不能识别功能键，如ctrl、shift、左右箭头等

  • document.addEventListener('keypress',function() {
        ......
    })
    

• 三个事件的执行顺序：keydown -- keypress -- keyup

• 键盘事件对象中的keycode属性可以得到相应键的ASCII码值

• keyup和keydown事件不区分字母大小写，keypress事件区分字母大小写

10.Window对象的常见事件

• 窗口加载事件

  window.onload = function() {} //只能写一次，如果有多个会以最后一个为准
  或者
  window.addEventListener("load",function() {}); //没有限制
  

  window.onload是窗口（页面）加载事件，当文档内容完全加载完成会触发该事件（包括图像、脚本文件、CSS文件等），就调用的处理函数

  document.addEventListener('DOMContentLoaded',function() {})
  

  DOMContentLoaded事件触发时，仅当DOM加载完成，不包括样式表，图片，flash等（ie9以上支持）

• 调整窗口大小事件

  window.onresize = function() {}
  window.addEventListener("resize",function() {})
  

  window.onresize是调整窗口大小加载事件，当触发时就调用的处理函数，window.innerWidth表示当前屏幕的宽度

11.定时器

• setTimeout()定时器

  window.setTimeout(调用函数，[延迟的毫秒数]); //window可以省略
  

  • 该方法用于设置一个定时器，该定时器在定时器到期后执行调用函数

• 停止setTimeout()定时器

  window.clearTimeout(timeoutID)
  

  • 该方法取消了先前通过调用setTimeout()建立的定时器
  • 里面的参数就是定时器的标识符

• setInterval()定时器

  window.setInterval(回调函数，[间隔的毫秒数])；
  

  • 该方法重复调用一个函数，每隔这个时间，就去调用一次回调函数

• 停止setInterval()定时器

  window.clearInterval(intervalID)
  

  • 该方法取消了先前通过调用setInterval()建立的定时器

12.location对象

• URL：统一资源定位符，是互联网上标准资源的地址，互联网上的每个文件都有一个唯一的URL，它包含的信息指出文件的位置以及浏览器应该怎么处理它

  一般语法格式为：

  protocol://host[:port]/path/[?query]#fragment;
  http://www.itcast.cn/index.html?name=andy&age=18#link
  

这篇关于webAPI编程-04的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！