这篇文章主要介绍了关于HTML5的contenteditable属性解析，有着一定的参考价值，现在分享给大家，有需要的朋友可以参考一下背景今天在项目开发过程中通过接口拿到了第三方返回的dom节点，结果发现展示到页面上会出现编辑框，然后查看了代码发现该标签内添加了contenteditable = true属性，由于之前没有用到过这个属性，遂上网查了一下。学习定义：contenteditable属性规定是否可编辑元素的内容。语法：<element contenteditable="va...
链接中加入download属性可以使用户将文件下载下来而不是直接用浏览器打开,截止到目前为止对HTML5提供支持的浏览器已经对这个属性支持得比较好了,下面我们就来详细看一下HTML5中的强制下载属性download使用实例解析:HTML5 的 Download 属性用来强制浏览器下载对应文件，而不是打开。Chrome 和 Firefox 等浏览器太过于强大，也许是为了增强用户体验，当用户点击的资源文件可以被它们识别的时候（例如 pdf 会直接在浏览器打开，mp3、m...
本文主要介绍了详解HTML5 data-* 自定义属性的相关资料，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧，希望能帮助到大家。在jQuery的attr与prop提到过在IE9之前版本中如果使用property不当会造成内存泄露问题，而且关于Attribute和Property的区别也让人十分头痛，在HTML5中添加了data-*的方式来自定义属性，所谓data-*实际上上就是data-前缀加上自定义的属性名，使用这样的结构可以进行数据存放。...
实例检测该视频是否有媒体控制器：myVid=document.getElementById("video1"); alert("Controller: " + myVid.controller);定义和用法controller 属性返回音视频的当前媒体控制器。默认地，音视频元素不会有媒体控制器。如果规定了媒体控制器，controller 属性将以 MediaController 的形式返回它。浏览器支持任何主流浏览器都不支持 controller 属性。语法audio|video.controller值描述MediaController 对象表示音视频的媒体控制器。...
实例为视频启动控件：myVid=document.getElementById("video1"); myVid.controls=true;定义和用法controls 属性设置或返回浏览器应当显示标准的音视频控件。标准的音视频控件包括：播放暂停进度条音量全屏切换（供视频）字幕（当可用时）轨道（当可用时）浏览器支持所有主流浏览器都支持 controls 属性。注释：Internet Explorer 8 或更早的浏览器不支持该属性。语法设置 controls 属性：audio|video.controls=true|false返回 cont...
实例获得当前视频的长度：myVid=document.getElementById("video1"); alert(myVid.duration);定义和用法duration 属性返回当前音频/视频的长度，以秒计。如果未设置音频/视频，则返回 NaN (Not-a-Number)。浏览器支持所有主流浏览器都支持 duration 属性。注释：Internet Explorer 8 或更早的浏览器不支持该属性。语法audio|video.duration技术细节返回值数字值，表示音频/视频的长度，以秒计。根据JavaScript高级程序设计中P489页...
实例检查视频播放是否已结束：myVid=document.getElementById("video1"); alert(myVid.ended);定义和用法ended 属性返回音频/视频是否已结束。如果播放位置位于音频/视频的结尾时，则音频/视频已结束。浏览器支持所有主流浏览器都支持 ended 属性。注释：Internet Explorer 8 或更早的浏览器不支持该属性。语法audio|video.ended返回值类型描述布尔值true|false。如果播放已结束，则返回 true。否则返回 false。实例检查视频播放是...
实例获得视频的错误状态：myVid=document.getElementById("video1"); alert(myVid.error.code);定义和用法error 属性返回一个 MediaError 对象。MediaError 对象的 code 属性包含了音频/视频的错误状态。浏览器支持只有 Internet Explorer 9 支持 error 属性。语法audio|video.error.code返回值类型描述数字值MediaError 对象的 code 属性返回一个数字值，它表示音频/视频的错误状态：1 = MEDIA_ERR_ABORTED - 取回过程被用户中止2...
实例关闭视频的声音：myVid=document.getElementById("video1"); myVid.muted=true;定义和用法muted 属性设置或返回音频/视频是否应该被静音（关闭声音）。浏览器支持所有主流浏览器都支持 muted 属性。注释：Internet Explorer 8 或更早的浏览器不支持该属性。语法设置 muted 属性：audio|video.muted=true|false返回 muted 属性：audio|video.muted属性值值描述true指示应该关闭音频/视频的声音。false默认。指示应该打开音频/视...
实例获得视频的当前网络状态：myVid=document.getElementById("video1"); alert(myVid.networkState);定义和用法networkState 属性返回音频/视频的当前网络状态（activity）。浏览器支持所有主流浏览器都支持 networkState 属性。注释：Internet Explorer 8 或更早的浏览器不支持该属性。语法audio|video.networkState返回值类型描述数字值表示音频/视频元素的当前网络状态：0 = NETWORK_EMPTY - 音频/视频尚未初始化1 = NETWORK_I...
实例获得视频的第一段缓冲范围（部分），以秒计：myVid=document.getElementById("video1"); alert("Start: " + myVid.buffered.start(0) + " End: " + myVid.buffered.end(0));定义和用法buffered 属性返回 TimeRanges 对象。TimeRanges 对象表示用户的音视频缓冲范围。缓冲范围指的是已缓冲音视频的时间范围。如果用户在音视频中跳跃播放，会得到多个缓冲范围。浏览器支持所有主流浏览器都支持 buffered 属性。注释：Internet Ex...
实例拖动数据会产生被拖动数据的副本：<div dropzone="copy"></div>浏览器支持目前所有主流浏览器都不支持 dropzone 属性。定义和用法dropzone 属性规定在元素上拖动数据时，是否拷贝、移动或链接被拖动数据。HTML 4.01 与 HTML5 之间的差异dropzone 属性是 HTML5 中的新属性。语法<element dropzone="copy|move|link">属性值值描述copy拖动数据会产生被拖动数据的副本。move拖动数据会导致被拖动数据被移动到新位置。link拖动数据...
一、背景图像显示：①background-size：规定背景图像的大小；值：像素值、百分比、auto、cover、contain②background-origin ：规定背景图像的起始位置；值：padding-box(默认)、content-box、border-box③background-clip值：padding-box、content-box、border-box(默认)二、HSLA：新增颜色属性；H：色调S：饱和度L：亮度A：透明度 三、新增渐变颜色：radial-gradient：(*position（deg），color percentage，color percentage)；...
实例被隐藏的段落：<p hidden>这个段落应该被隐藏。</p>浏览器支持IEFirefoxChromeSafariOpera所有主流浏览器都支持 hidden 属性，除了 Internet Explorer。定义和用法hidden 属性是布尔属性。如果设置该属性，它规定元素仍未或不再相关。浏览器不应显示已规定 hidden 属性的元素。hidden 属性也可用于防止用户查看元素，直到匹配某些条件（比如选择了某个复选框）。然后，JavaScript 可以删除 hidden 属性，以使此元素可见。HTML ...
实例进行拼写检查的可编辑段落：<p contenteditable="true" spellcheck="true">这是一个段落。</p>浏览器支持IE、Firefox、Chrome、SafariOpera定义和用法spellcheck 属性规定是否对元素进行拼写和语法检查。可以对以下内容进行拼写检查：input 元素中的文本值（非密码）<textarea> 元素中的文本可编辑元素中的文本HTML 4.01 与 HTML5 之间的差异spellcheck 属性是 HTML5 中的新属性。语法<element spellcheck="true|false">属性值...