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 | 片段 #后面内容 常见于链接 锚点 |