浏览器模型之 window 对象

浏览器里面,window 对象(注意,w 为小写)指当前的浏览器窗口。它也是当前页面的顶层对象,即最高一层的对象,所有其他对象都是它的下属。一个变量如果未声明,那么默认就是顶层对象的属性。

8/3/2019 6:17:08 PM 转载 雨辰 180 0 0 JavaScript 浏览器模型
JavaScript 浏览器环境概述

JavaScript 是浏览器的内置脚本语言。也就是说,浏览器内置了 JavaScript 引擎,并且提供各种接口,让 JavaScript 脚本可以控制浏览器的各种功能。一旦网页内嵌了 JavaScript 脚本,浏览器加载网页,就会去执行脚本,从而达到操作浏览器的目的,实现网页的各种动态效果。

8/3/2019 6:13:59 PM 转载 雨辰 52 0 0 JavaScript 浏览器模型
JavaScript 事件之 GlobalEventHandlers 接口

HTMLElement、Document 和 Window 都继承了这个接口,也就是说,各种 HTML 元素、document 对象、window 对象上面都可以使用GlobalEventHandlers 接口提供的属性。下面就列出这个接口提供的主要的事件属性。

8/3/2019 5:39:16 PM 转载 雨辰 114 0 0 JavaScript 事件
JavaScript 事件之其他常见事件

资源事件:beforeunload 事件、unload 事件、load 事件、error 事件。session 历史事件:pageshow 事件、pagehide 事件、popstate 事件、hashchange 事件。网页状态事件:DOMContentLoaded 事件、readystatechange 事件。窗口事件:scroll 事件、resize 事件、fullscreenchange 事件、fullscreenerror 事件。剪贴板事件、焦点事件、CustomEvent 接口。

8/3/2019 5:35:09 PM 转载 雨辰 117 0 0 JavaScript 事件
JavaScript 事件之拖拉事件

拖拉(drag)指的是,用户在某个对象上按下鼠标键不放,拖动它到另一个位置,然后释放鼠标键,将该对象放在那里。拖拉的对象有好几种,包括元素节点、图片、链接、选中的文字等等。在网页中,除了元素节点默认不可以拖拉,其他(图片、链接、选中的文字)都是可以直接拖拉的。为了让元素节点可拖拉,可以将该节点的 draggable 属性设为 true 。

8/3/2019 5:28:59 PM 转载 雨辰 65 0 0 JavaScript 事件
JavaScript 事件之触摸事件

浏览器的触摸 API 由三个部分组成。Touch:一个触摸点。TouchList:多个触摸点的集合。TouchEvent:触摸引发的事件实例。

8/3/2019 5:27:08 PM 转载 雨辰 67 0 0 JavaScript 事件
JavaScript 事件之表单事件

表单事件的种类有 input 事件、select 事件、change 事件、invalid 事件、reset 事件,submit 事件...

8/3/2019 5:23:15 PM 转载 雨辰 86 0 0 JavaScript 事件
JavaScript 事件之进度事件

进度事件用来描述资源加载的进度,主要由 AJAX 请求、<img>、<audio>、<video>、<style>、<link> 等外部资源的加载触发,继承了 ProgressEvent 接口。它主要包含以下几种事件。

8/3/2019 5:19:51 PM 转载 雨辰 120 0 0 JavaScript 事件
JavaScript 事件之键盘事件

键盘事件由用户击打键盘触发,主要有 keydown、keypress、keyup 三个事件,它们都继承了 KeyboardEvent 接口。

8/3/2019 5:17:16 PM 转载 雨辰 113 0 0 JavaScript 事件
JavaScript 事件之鼠标事件

鼠标事件指与鼠标相关的事件,继承了 MouseEvent 接口。具体的事件主要有以下一些。

8/3/2019 5:15:18 PM 转载 雨辰 47 0 0 JavaScript 事件