Learning Path
浏览 JavaScript 参考手册 相关教程与章节。
HTML、CSS、JavaScript、浏览器 API、前端框架与 UI 工程。
教程
1361
Input URL disabled 属性 Input URL 对象 实例 禁用 URL 字段： document.getElementById('myURL').disabled = true; 输出结果： 尝试一下 » 定义和用法 disabled 属性用于设置或者返回 URL 字段是否被禁用。 使用 disabled 属性的元素是不可用和不可点击的。 禁用的元素在浏览器上通常显示为灰..
Input URL form 属性 Input URL 对象 实例 返回包含 <input type='url'> 元素所属的表单id: var x = document.getElementById('myURL').form.id; x输出结果为： myForm 尝试一下 » 定义和用法 form 属性返回包含 URL 字段的表单引用。 成功时该..
Input URL maxLength 属性 Input URL 对象 实例 获取 URL 字段允许输入的最大字符数： var x = document.getElementById('myURL').maxLength; x输出结果为： 30 尝试一下 » 定义和用法 maxLength 属性用于设置或者返回 URL 字段的 maxlength 属性。 maxLength 属性描述了 UR..
Input URL name 属性 Input URL 对象 实例 获取 URL 字段的名称： var x = document.getElementById('myURL').name; x输出结果为： website 尝试一下 » 定义和用法 name 属性用于设置或者返回 URL 字段的 name 属性值。 name 属性通常用于向服务端提交表单数据的标识符，或者是在客户端作为Javascri..
Input URL readOnly 属性 Input URL 对象 实例 设置 URL 字段为只读： document.getElementById('myURL').readOnly = true; 输出结果： 尝试一下 » 定义和用法 readOnly 属性用于设置或者返回 URL 字段是否为只读。 只读字段不能修改。但是可以复制该字段的内容。 该属性反映了 HTML readonly..
Input URL required 属性 Input URL 对象 实例 查看 URL 字段在提交表单前是否为必填字段： var x = document.getElementById('myURL').required; x输出结果为： true 尝试一下 » 定义和用法 required 属性用于设置或返回 URL 字段在表单中是否为必填字段。 该属性反映了 HTML required 属..
Input URL size 属性 Input URL 对象 实例 修改 URL 字段的长度: document.getElementById('myURL').size = '50'; 尝试一下 » 定义和用法 size 属性用于设置或者返回 URL 字段 size 属性的值。 size 属性描述了 URL 字段的长度（字符数）。 默认值为 20。 提示： 如果你需要设置 ..
Input URL type 属性 Input URL 对象 实例 返回 URL 字段的表单元素类型: var x = document.getElementById('myURL').type; x输出结果为： url 尝试一下 » 定义和用法 type 属性返回 URL 字段的表单类型类型。 对于 input type='url', 该属性通常返回 'url&#..
Input URL value 属性 Input URL 对象 实例 修改 URL 字段的值: document.getElementById('myURL').value = 'http://www.google.com'; 尝试一下 » 定义和用法 value 属性用于设置或返回 URL 字段的 value 属性值。 value 属性描述了用户输入的值或者默认值或者脚本输..
Video audioTracks 属性 Video 对象 实例 获得可用音轨的数量： var x = document.getElementById('myVideo').audioTracks.length; 尝试一下 » 定义和用法 audioTracks 属性返回 AudioTrackList 对象。 AudioTrackList 对象表示音视频的可用音轨。 每个可用的音轨由一个 AudioT..
Video autoplay 属性 Video 对象 实例 查看是否在准备就绪后就开始播放视频： var x = document.getElementById('myVideo').autoplay; x输出结果为： true 尝试一下 » 定义和用法 autoplay 属性设置或返回音视频是否在加载后即开始播放。 该属性反映了 HTML <video> autopl..
Video buffered 属性 Video 对象 实例 获得视频的第一段缓冲范围（部分），以秒计： var x = document.getElementById('myVideo');document.getElementById('demo').innerHTML = 'Start: ' + x.buffered.start(0)+ ' End:..
Video controller 属性 Video 对象 实例 检测该视频是否有媒体控制器： var x = document.getElementById('myVideo').controller; 尝试一下 » 定义和用法 controller 属性返回音视频的当前媒体控制器。 默认地，音视频元素不会有媒体控制器。如果规定了媒体控制器，controller 属性将以 MediaControlle..
Video controls 属性 Video 对象 实例 启用视频控件： document.getElementById('myVideo').controls=true; 尝试一下 » 定义和用法 controls 属性设置或返回浏览器应当显示标准的视频控件。 该属性反映了<video> controls 属性。 当使用该属性时，它指定了显示视频控件。 视频控件包含： ..
Video currentSrc 属性 Video 对象 实例 获得当前视频的 URL： var x = document.getElementById('myVideo').currentSrc; x输出结果类似为： https://www.example.com/try/demo_source/mo-tt-11.mp4 尝试一下 » 定义和用法 currentSrc 熟悉返回当前视频的 URL。 ..
Video currentTime 属性 Video 对象 实例 将时间位置设置为 5 秒： document.getElementById('myVideo').currentTime = 5; 尝试一下 » 定义和用法 currentTime 属性设置或返回视频播放的当前位置（以秒计）。 当设置该属性时，播放会跳跃到指定的位置。 浏览器支持 所有主流浏览器都支持 currentTime 属性..
Video defaultMuted 属性 Video 对象 实例 设置视频默认静音： document.getElementById('myVideo').defaultMuted = true; 尝试一下 » 定义和用法 defaultMuted 属性设置或返回音频/视频是否默认静音。 设置该属性仅会改变默认的静音状态，而不是当前的。要改变当前的静音状态，请使用 muted 属性。 浏览器支持 ..
Video defaultPlaybackRate 属性 Video 对象 实例 把视频设置为默认低速播放： document.getElementById('myVideo').defaultPlaybackRate = 0.5; 尝试一下 » 定义和用法 defaultPlaybackRate 属性设置或返回音频/视频的默认播放速度。 设置该属性仅会改变默认的播放速度，而不是当前的。要改变当前的播..
Video duration 属性 Video 对象 实例 获得当前视频的长度： var x = document.getElementById('myVideo').duration; x 输出结果为: 12.612 尝试一下 » 定义和用法 duration 属性返回当前视频的长度，以秒计。 注意： 不同的浏览器返回不同的值。在以上实例中 Internet Explorer, Firefox 和..
Video ended 属性 Video 对象 实例 查看视频播放是否已结束： var x = document.getElementById('myVideo').ended; x 输出结果为: true 尝试一下 » 定义和用法 ended 属性返回视频是否已结束。 如果播放位置位于视频的结尾时，则音频/视频已结束。 注意： 该属性为只读。 浏览器支持 所有主流浏览器都支持 ended..
Video error 属性 Video 对象 实例 获得视频的错误状态： var x = document.getElementById('myVideo').error.code; 尝试一下 » 定义和用法 error 属性返回一个 MediaError 对象。 MediaError 对象的 code 属性包含了音频/视频的错误状态。 注意： 该属性为只读属性。 浏览器支持 只有 Intern..
Video height 属性 Video 对象 实例 修改视频的高度： document.getElementById('myVideo').height = '500'; 尝试一下 » 定义和用法 height 属性用于设置或返回 height 属性值。 height 属性描述了视频的高度，以像素计。 提示：规定视频的高度和宽度是一个好习惯。如果设置这些属性，在页面加载时会为..
Video loop 属性 Video 对象 实例 设置视频循环播放： document.getElementById('myVideo').loop = true; 尝试一下 » 定义和用法 loop 属性设置或返回视频是否应该在结束时再次播放。 该属性反映了 <video> loop 属性。 当存在该属性时，它描述了视频在播放结束后是否再次播放。 注意： &a..
Video mediaGroup 属性 Video 对象 实例 为两段视频设置媒体组合： var x = document.getElementById('myVideo1');var y = document.getElementById('myVideo2'); x.mediaGroup = 'test';y.mediaGroup = 'test&#..