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
  

组成	说明
protocol	通信协议，常用的http,ftp,maito等
host	主机（域名） www.itheima.com
port	端口号 可选，省略时使用方案默认端口，如http的默认端口为80
path	路径由零或多个'/'符号隔开的字符串，一般用来表示主机上的一个目录或文件地址
query	参数 以键值对的形式，通过&符号分隔开来
fragment	片段 #后面内容 常见于链接 锚点