Web Apl第四天

键盘事件
onkeyup 键盘按键被松开时触发
onkeydown 键盘按键被按下时触发
onkeypress 键盘按键被按下时触发 但是它不能识别功能键 比如 Ctrl shift 箭头等

键盘事件对象 属性
keyCode 返回该键的ASCLL值
通过keyCode返回的ASCLL值判断用户按下了哪个键

keyup和keydown事件不区分大小写 a 和 A得到的都是65
keypress事件区分大小写 a 和 A得到的分别是97 和 65

search.focus();搜索框获得焦点

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

调整窗口大小事件
window.onresize 是调整窗口大小加载事件，当触发时调用的处理函数

window.innerWidth得到当前屏幕的宽度

两种定时器
setTimeout() 也称为回调函数callback
用法：window.setTimeout(调用函数，[延迟的毫秒数])
window可以省略
停止setTimeout()定时器
clearTimeout(timeoutID) 括号里面的id是定时器的名字

setInterval() 与setTimeout() 的区别是
setInterval() 重复调用一个函数，每隔这个时间，就去调用一次回调函数
setTimeout() 延时时间到了，就去调用这个回调函数，只调用一次，就结束了这个定时器

JS执行机制
同步和异步
同步是前一个任务结束后再执行后一个任务
异步是允许多个任务同时进行
本质的区别在于这条流水线上各个流程的执行顺序不同

异步任务
一般有三种类型
1、普通事件，如click、resize等
2、资源加载，如load、error等
3、定时器，包括setInterval、setTimeout等

异步任务相关回调函数添加到任务队列中（任务队列也称为消息队列）。

LOCATIION对象的属性
location.href获得或者设置整个URL
location.host返回主机(域名)例www.xxx.com
location.port返回端口号 如果未写返回 空字符串
location.pathname返回路径
location.search返回参数
location.hash返回片段 #后面内容 常见于链接锚点

substr截取字符串('起始的位置'，截取几个字符);
利用=把字符串分割为数组 split('=');

表单form的method属性值 ——get与post的区别 1. 数据传输方向 get是从服务器上获取数据,而post是用来向服务器上传输数据

判断用户在哪个终端打开页面，实现跳转

if((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i))) {
            window.location.href = "里面放跳转移动端的页面链接"; //手机
        }else{
window.location.href="里面放PC端的页面跳转链接";//电脑
}

history对象
history.back 返回
history.forward 前进
go(参数) 前进后退功能 参数如果是1 前进1个页面 如果是-1 后退1个页面