HTML经常使用属性
笔者这里只简单列举一些平时常见的属性:web
1、HTML的经常使用全局属性
- class:规定一个元素的一个或多个类名
- contenteditable:规定元素内容是否可编辑
- data-*:用于存储页面或者应用程序的私有定制数据
- draggable:规定元素是否能够拖动
- hidden:规定元素仍未或再也不相关
- id:规定元素的惟一 id
- lang:规定元素内容的语言
- spellcheck:规定是否对元素进行拼写和语法检查
- style:规定元素的行内 CSS 样式
- title:规定元素的额外信息
2、Window 常见事件属性
- onbeforeunload:文档卸载以前运行的脚本
- onerror:在发生错误时运行的脚本
- onhaschange:在文档已改变时运行的脚本
- onload:在页面结束加载以后运行的脚本
- onmessage:在消息被触发时运行的脚本
- onoffline:当文档离线时运行的脚本
- ononline:当文档上线时运行的脚本
- onpagehide:当窗口隐藏时运行的脚本
- onpageshow:当窗口为可见时运行的脚本
- onresize:当浏览器窗口被调整大小时运行的脚本
- onstorage:在 web storage 区域更新后运行的脚本
- onunload:一旦页面已下载时触发(或者浏览器窗口已被关闭)
3、Form 常见事件属性
- onblur:元素失去焦点时运行的脚本
- onchange:元素值被改变时运行的脚本
- onfocus:元素得到焦点时运行的脚本
- onreset:当表单中重置按钮被点击时触发(HTML5中不支持)
- onselect:在元素文本被选中后触发运行的脚本
- onsubmit:在提交表单时运行的脚本
4、Keyword 事件
- onkeydown:在用户按下键时触发
- onkeypress:在用户敲击按键时触发
- onkeyup:当用户释放按键时触发
5、Mouse 事件
- onclick:元素上发生鼠标点击时触发
- ondbclick:元素上发生鼠标双击时触发
- ondrag:元素被拖动时运行的脚本
- onmousedown:当元素上按下鼠标按键时触发
- onmousemove:当鼠标指针在元素上移动时触发运行的脚本
- onmouseout:当鼠标指针移出元素时触发
- onmouseover:当鼠标指针移动到元素上时触发
- onmouseup:当在元素上释放鼠标按钮时触发
- onmousewheel:当鼠标滚轮正在被滚动时运行的脚本
- onscroll:当元素滚动条被滚动时运行的脚本
6、HTML5 Audio/video 方法
- canPlayType():检测浏览器是否能播放指定的音频/视频类型
- load():从新加载视频/音频元素
- play():开始播放视频/音频
- pause():暂停当前播放的视频/音频
7、HTML5 Audio/Video 属性
- autoplay:设置或返回是否在加载完成后随即播放视频/音频
- controls:设置或返回视频/音频是否显示控件(好比播放或暂停等)
- currentSrc:返回当前视频/音频的 URL
- currentTime:设置或返回视频/音频的当前播放位置(以秒计)
- defaultMuted:设置或返回视频/音频默认是否静音
- defaultPlaybackRate:设置或返回视频/音频的默认播放速度
- duration:返回当前视频/音频的长度(以秒计)
- ended:返回视频/音频的播放是否已结束
- error:返回表示视频/音频错误状态的 MediaError 对象
- loop:设置或返回视频/音频是否应在结束时从新播放
- muted:设置或返回视频/音频是否静音
- paused:设置或返回视频/音频是否暂停
- playbackRate:设置或返回视频/音频播放的速度
- played:返回表示视频/音频已播放部分的 TimeRanges 对象
- preload:设置或返回视频/音频是否应该在页面加载后进行加载
- readyState:返回视频/音频当前的就绪状态
- src:设置或返回视频/音频的当前来源
- volume:设置或返回视频/音频的音量
欢迎关注本站公众号,获取更多信息