王不二的書架

# 元素偏移量 offset offset 翻译过来就是偏移量，我们使用 offset 系列相关属性可以动态的得到该元素的位置 (偏移), 大小等 获得元素距离带有定位父元素的位置 获得元素自身的大小 (宽度高度) 注意：返回的数值都不带单位 offset 系列属性 作用 element.offsetParent 返回作为该元素带有定位的父级元素 如果父级都没有定位则返回...

# navigator 对象 navigator 对象包含有关浏览器的信息，它有很多属性，最常用的是 userAgent, 该属性可以返回由客户机发送服务器的 user-agent 头部的值 12345<script> if ((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows...

# location 对象 window 对象提供了一个 location 属性用于获取或设置窗体的 URL. 并且可以用于解析 URL. 因为这个属性返回的是一个对象，所以我们将这个属性也称为 location 对象 # URL URL 的一般语法格式为 : protocol://host[:post]/path/[?query]#fragment 组成 说明 protocol 通信协议 http, ftp, maito 等 host 主机 (域名) port 端口号 可选 path 路径 query 参数 以键值对的形式，通过 &...

# JS 执行机制 JavaScript 语言的一大特点就是单线程，也就是说，同一时间只能做一件事 单线程就意味着，所有任务需要排队，前一个任务结束，才会执行后一个任务。这样所导致的问题是：如果 JS 执行的时间过长，这样就会造成页面的渲染不连贯，导致页面渲染加载阻塞的感觉 # 同步和异步 为了解决这个问题，利用多核 CPU 的计算能力，HTML5 提出 Web Worker 标准，允许 JavaScript 脚本创建多个线程。于是，JS 中出现了同步和异步 #...

# window 对象常见事件 # 窗口加载事件 123window.onload = function() {}/*或者*/window.addEventListener("load", function() {}) window.onload 是窗口 (页面) 加载事件，当文档内容完全加载完成会触发该事件 (包括图像，脚本文件，CSS 文件等),...

# BOM BOM (Browser Object Model) 即浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互的对象，其核心对象是 window BOM 比 DOM 更大，它包含 DOM DOM 文档对象模型 DOM 就是把文档当作一个对象来看待 DOM 的顶级对象就是 document DOM 主要学习的是操作页面元素 DOM 是 W3C 标准规范 BOM 浏览器对象模型 把浏览器当作一个对象来看 BOM 的顶级对象是 window BOM 学习的是浏览器窗口交互的一些对象 BOM 是浏览器厂商在各自浏览器上定义的，兼容性较差 # BOM...

# 常用的键盘事件 键盘事件 触发条件 onkeyup 某个键盘按键被松开时触发 onkeydown 某个键盘按键被按下时触发 onkeypress 某个按键被按下时触发 但是它不识别功能键，比如 ctrl shift 箭头等

# 常用的鼠标事件 # 禁止鼠标右键菜单 123document.addEventListener('contextmenu', function(e) { e.preventDefault();}) # 禁止鼠标选中 (selectstart 开始选中) 123document.addEventListener('selectstart', function(e) { e.preventDefault();}) # 鼠标事件对象 event...

# 事件对象 event 就是一个事件对象，写道我们侦听函数的小括号里面，当形参看 事件对象只有有了事件才会存在，它是系统给我们自动创建的，不需要我们传递参数 事件对象是事件一系列相关数据的集合，跟事件相关的 比如鼠标点击就包含了鼠标坐标等信息 事件对象可以自己命名，比如 event, evt, e 事件对象也有兼容性问题，IE678 通过 window.event 兼容性的写法 : e = e || window.event # 事件对象的常见属性和方法 事件对象属性方法 说明 e.target 返回触发事件的对象 标准 e.srcElement 返回触发事件的对象 非标准...

# 注册事件 给元素添加事件，称为注册事件或者绑定事件 注册事件有两种方式：传统方式是和方法监听注册方式 # 传统注册方式 利用 on 开头的事件 : onclick onmouseover <button onlick = “alert(‘hi~’)"></button> btn.onclick = function() {} 注册事件的唯一性 同一个元素同一个事件智能设置一个处理函数，最后注册的处理函数将会覆盖前面注册的处理函数 # 监听注册方式 W3C 标准 推荐方式 addEventListener...