webAPI编程-04

9.常用的键盘事件

  • keyup按键弹起的时候触发

    • 1.document.onkeyup = function() {
          ......
      }
      2.document.addEventListener('keyup',function() {
          ......
      })
      
  • keydown按键按下的时候触发,能识别功能键,如ctrlshift、左右箭头等

    • document.addEventListener('keydown',function() {
          ......
      })
      
  • keypress按键按下的时候触发,不能识别功能键,如ctrlshift、左右箭头等

    • document.addEventListener('keypress',function() {
          ......
      })
      
  • 三个事件的执行顺序:keydown -- keypress -- keyup

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

  • keyupkeydown事件不区分字母大小写,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
    
组成 说明
protocol 通信协议,常用的http,ftp,maito等
host 主机(域名) www.itheima.com
port 端口号 可选,省略时使用方案默认端口,如http的默认端口为80
path 路径由零或多个'/'符号隔开的字符串,一般用来表示主机上的一个目录或文件地址
query 参数 以键值对的形式,通过&符号分隔开来
fragment 片段 #后面内容 常见于链接 锚点
上一篇:redis 系列18 事件


下一篇:webAPI编程-01