windows对象:
JavaScript编程中,出了用DOM模型访问HTML页面中的内容,有时还需要访问和操作除HTML本身的一些信息,比如浏览器的窗口大小、HTTP网址等,这些信息通过windows对象及其子对象document、history、location、navigator的固有属相和方法进行访问
document
history
location
screen
navigator
HTML事件处理:
用户在浏览器的使用过程中,通常会产生一些事件,JS可以响应这些事件所执行的代码,称为HTML事件处理,事件响应是通过给HTML标签设置事件属性完成的
事件类型 | 应用的标签 | 事件 | 何时触发 |
鼠标事件 | 所有可见的元素,如<a><input><button> | onclick | 单击对象 |
oncontextmenu | 单击鼠标右键打开上下文菜单 | ||
ondbclick | 双击 | ||
onmousedown | 鼠标被按下 | ||
onmouseenter | 鼠标指针被移动元素上 | ||
onmouseleave | 鼠标离开对象 | ||
onmousemove | 鼠标被移动 | ||
onmouseover | 鼠标指针被移动元素上 | ||
onmouseout | 鼠标指针被从对象上移开 | ||
onmouseup | 鼠标键被松开 | ||
onwheel | 鼠标滚轮在对象上下移动 | ||
键盘事件 | 所有可见的元素,如<a><input><button> | onkeydown | 按键被按下 |
onkeypress | 按键被按下并松开 | ||
onkeyup | 按键被松开 | ||
对象事件 | <img> <input type="image"> <object><script><style> | onerror | 加载文档或图片时出错 |
<img><body> | onabort | 加载被中断 | |
<input type="image"> <body><link><script><style> | onload | 一张页面或一副图像被完全加载 | |
所有可见的元素,如<a><input><button> | onresize | 窗口或框架被重新调整大小 | |
<body><frameset> | onunload | 用户退出页面 | |
表单事件 | <form> | onchange | 表单元素内容改变时触发 |
onfocus | 获取焦点时触发 | ||
oninput | 元素获取用户输入时 | ||
onreset | 表单重置时 | ||
onselect | 用户选取文本时 | ||
onsubmit | 表单提交时 | ||
剪切事件 | 所有html元素 | oncopy | 用户复制元素内容时 |
oncut | 用户剪切元素内容时 | ||
onpaste | 用户粘贴元素内容时 | ||
多媒体音视频事件 | <audio><video> | oncanplay | 可以开始播放音、视频时 |
onpause | 暂停 | ||
onplay | 播放 | ||
onprogress | 浏览器下载指定音、视频时 | ||
onseeked | 用户重新定位音视频位置时 | ||
onsuspend | 浏览器读取媒体数据终止时 | ||
onvolumechange | 当前的播放位置发送改变时 | ||
onended | 播放完成时 |