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
事件区分字母大小写
窗口加载事件
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
表示当前屏幕的宽度
setTimeout()
定时器
window.setTimeout(调用函数,[延迟的毫秒数]); //window可以省略
停止setTimeout()
定时器
window.clearTimeout(timeoutID)
setTimeout()
建立的定时器setInterval()
定时器
window.setInterval(回调函数,[间隔的毫秒数]);
停止setInterval()
定时器
window.clearInterval(intervalID)
setInterval()
建立的定时器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 | 片段 #后面内容 常见于链接 锚点 |