function checkVideo() {
let support = “非常棒!你的浏览器支持HTML5 video标签!”,
someSupport = “Meh. Some support.”,
notSupport = “Sorry. No video support.”,
vidTest = document.createE……继续阅读 »
2年前 (2022-09-04) 45浏览 0评论
0个赞
Source src 属性
Source 对象
实例
返回媒体文件的 URL:
var x = document.getElementById(“mySource”).src;
x 输出结果为:
您的浏览器不支持 audio 标签。
定义和用法
src 属性设置或返回 <source> 元素中 src 属性的值。
src 属性规定要播放的媒体文件的 URL。
注意:<……继续阅读 »
2年前 (2022-09-04) 24浏览 0评论
0个赞
Source type 属性
Source 对象
实例
返回媒体资源的 MIME 类型:
var x = document.getElementById(“mySource”).type;
x 输出结果为:
audio/mpeg
定义和用法
type 属性设置或返回 <source> 元素的 type 属性的值。
type 属性规定媒体资源的 MIME 类型。
注意:<……继续阅读 »
2年前 (2022-09-04) 49浏览 0评论
0个赞
Source media 属性
Source 对象
实例
返回指定文件为什么样的媒体/设备进行了优化:
var x = document.getElementById(“mySource”).media;
x 输出结果为:
screen and (min-width:320px)
定义和用法
media 属性设置或返回 <source> 中的 media 属性的值。
med……继续阅读 »
2年前 (2022-09-04) 23浏览 0评论
0个赞
Select remove() 方法
Select 对象
定义和用法
remove() 方法用于从下拉列表删除选项。
语法
selectObject.remove(index)
参数
描述
index
必需。规定要删除的选项的索引号。
浏览器支持
所有主要浏览器都支持 remove() 方法
实例
实例
下面的例子可从列表中删除被选的选项:
<!DOCTYPE html>
<……继续阅读 »
2年前 (2022-09-04) 42浏览 0评论
0个赞
Select add() 方法
Select 对象
定义和用法
add() 方法用于向 <select> 添加一个 <option> 元素。
语法
selectObject.add(option,before)
参数
描述
option
必需。要添加选项元素。必需是 option 或 optgroup 元素。
before
必需。在选项数组的该元素之前增加新的元素。如果该参数……继续阅读 »
2年前 (2022-09-04) 18浏览 0评论
0个赞
Select size 属性
Select 对象
定义和用法
size 属性可设置或返回下拉列表中一次显示显示的选项数。
语法
设置 size 属性:
selectObject.size=integer
返回 size 属性:
selectObject.size
浏览器支持
所有主要浏览器都支持 size 属性
实例
实例
改变下来列表选项的可见数目:
<!DOCTYPE html>
<……继续阅读 »
2年前 (2022-09-04) 20浏览 0评论
0个赞
Select type 属性
Select 对象
定义和用法
type 属性可返回下拉列表的表单类型。对于下拉列表,类型总是 “select-one” 或 “select-multiple”。
语法
selectObject.type
浏览器支持
所有主要浏览器都支持 type 属性
实例
实例
下面的例子返回下拉列表的表单类型:
<!DOCTYPE ……继续阅读 »
2年前 (2022-09-04) 34浏览 0评论
0个赞
Select name 属性
Select 对象
定义和用法
name 属性可设置或返回下拉列表的名称。
语法
设置 name 属性:
selectObject.name=name
返回 name 属性:
selectObject.name
浏览器支持
所有主要浏览器都支持 name 属性
实例
实例
下面的例子可提示下拉列表的名称:
<!DOCTYPE html>
<html>……继续阅读 »
2年前 (2022-09-04) 46浏览 0评论
0个赞
Select selectedIndex 属性
Select 对象
定义和用法
selectedIndex 属性可设置或返回下拉列表中被选选项的索引号。
注意: 若允许多重选择,则仅会返回第一个被选选项的索引号。
语法
设置 selectedIndex 属性:
selectObject.selectedIndex=integer
返回 selectedIndex 属性:
selectObject.selected……继续阅读 »
2年前 (2022-09-04) 87浏览 0评论
0个赞
Select multiple 属性
Select 对象
定义和用法
multiple 属性可设置或返回是否可有多个选项被选中。
语法
设置 multiple 属性:
selectObject.multiple=true|false
返回 multiple 属性:
selectObject.multiple
浏览器支持
所有主要浏览器都支持 multiple 属性
实例
实例
在下拉选项中选取多个选项:
……继续阅读 »
2年前 (2022-09-04) 26浏览 0评论
0个赞
Select form 属性
Select 对象
定义和用法
form 属性可返回对包含该下拉列表的表单元素的引用。
该属性返回 form 对象。
语法
selectObject.form
浏览器支持
所有主要浏览器都支持 form 属性
实例
实例
显示包含下拉列表的表单id:
<!DOCTYPE html>
<html>
<head>
<meta charse……继续阅读 »
2年前 (2022-09-04) 44浏览 0评论
0个赞
Select length 属性
Select 对象
定义和用法
length 属性可返回下拉列表中选项的数目。
语法
selectObject.length=number
浏览器支持
所有主要浏览器都支持 length 属性
实例
实例
显示下拉列表的选项数目:
<!DOCTYPE html>
<html>
<head>
<meta charset=”……继续阅读 »
2年前 (2022-09-04) 18浏览 0评论
0个赞
Select options 集合
Select 对象
定义和用法
option 集合可返回包含 <select> 元素中所有 <option> 的一个数组。
注意: 数组中的每个元素对应一个 <option> 标签 – 由 0 起始。
语法
selectObject.options
属性
属性
描述
length
返回集合的option元素数目
sel……继续阅读 »
2年前 (2022-09-04) 34浏览 0评论
0个赞
Select disabled 属性
Select 对象
实例
实例 1
禁用下拉列表:
document.getElementById("mydrop").disabled=true;
输出结果:
Cats
Dogs
定义和用法
disabled 属性可设置或返回是否禁用下拉列表。
被禁用的 input 元素既不可用,也不可点击。可以设置 disabled 属性,直到满足某些其他的条件为……继续阅读 »
2年前 (2022-09-04) 23浏览 0评论
0个赞
HTML <script> 标签
实例
通过 JavaScript 输出 “Hello world”:
<script>
document.write("Hello World!")
</script>
浏览器支持
所有主流浏览器都支持 <script> 标签。
标签定义及使用说明
<script> 标签……继续阅读 »
2年前 (2022-09-04) 84浏览 0评论
0个赞
Script text 属性
Script 对象
实例
获取 <script> 元素的内容:
var x = document.getElementById(“myScript”).text
x 输出结果为:
document.write(“Hello World!”);
定义和用法
text 属性设置或返回 <script> 元素的内容……继续阅读 »
2年前 (2022-09-04) 64浏览 0评论
0个赞
Script type 属性
Script 对象
实例
获取脚本的 MIME 类型:
var x = document.getElementById(“myScript”).type
x 输出结果为:
text/javascript
定义和用法
type 属性设置或返回脚本的 type 属性的值。
type 属性规定脚本的 MIME 类型。
type 属性标识 <script&g……继续阅读 »
2年前 (2022-09-04) 58浏览 0评论
0个赞
Script src 属性
Script 对象
实例
获取外部脚本的 URL:
var x = document.getElementById(“myScript”).src
x 输出结果为:
http://www.w3cschool.cc/jsref/demo_script_src.js
定义和用法
src 属性设置或返回脚本的 src 属性的值。
src 属性规定外部脚本文件的 U……继续阅读 »
2年前 (2022-09-04) 42浏览 0评论
0个赞
Script src 属性
Script 对象
实例
获取外部引用脚本文件的字符集:
var x = document.getElementById(“myScript”).charset
x 输出结果为:
UTF-8
定义和用法
charset 属性规定在外部脚本文件中使用的字符编码。
当外部脚本文件中的字符编码与 HTML 文档中的编码不同时,会用到 charset 属性。
注……继续阅读 »
2年前 (2022-09-04) 67浏览 0评论
0个赞
Script defer 属性
Script 对象
实例
检查当页面完成解析时是否执行脚本:
var x = document.getElementById(“myScript”).defer
x 输出结果为:
true
定义和用法
defer 属性设置或返回当页面完成解析时是否执行脚本。
该属性反映 <script> 标签的 defer 属性。
注意:defer 属性仅适……继续阅读 »
2年前 (2022-09-04) 55浏览 0评论
0个赞
Script async 属性
Script 对象
实例
检查脚本是否异步执行(一旦脚本可用):
var x = document.getElementById(“myScript”).async
x 输出结果为:
true
定义和用法
async 属性设置或返回是否异步执行脚本(一旦脚本可用)。
该属性反映了 <script> 标签的 async 属性。
注意:async……继续阅读 »
2年前 (2022-09-04) 81浏览 0评论
0个赞
HTML <q> 标签
实例
标记一个短的引用:
<p>WWF’s goal is to:
<q>Build a future where people live in harmony with nature.</q>
We hope they succeed.</p>
浏览器支持
所有主流浏览器都支持 <q> ……继续阅读 »
2年前 (2022-09-04) 88浏览 0评论
0个赞
HTML DOM Blockquote 对象
Blockquote 对象
Blockquote 对象代表着一个 HTML 引用(blockquote)块元素。
<blockquote> 标签定义摘自另一个源的块引用。
一个 <blockquote> 元素的内容通常展现为一个左、右两边进行缩进的段落。
在 HTML 文档中的每一个 <blockquote> 标签创建时,都会创建一……继续阅读 »
2年前 (2022-09-04) 19浏览 0评论
0个赞
HTML5 <progress> 标签
实例
标记”下载进度”:
<progress value=”22″ max=”100″></progress>
浏览器支持
IE 10、Firefox、Opera、Chrome 和 Safari 6 支持 <progress> 标签。
注释:I……继续阅读 »
2年前 (2022-09-04) 56浏览 0评论
0个赞
引用 cite 属性
引用对象
实例
返回一个引用来源:
var x = document.getElementById(“myQuote”).cite;
x 输出结果为:
http://www.wwf.org
定义与使用
cite 属性用于设置或者返回一个引用的cite属性值 。
cite 属性描述了引用的URL源地址。
注意: cite 属性在普通的 Web 浏览器中没有视觉效……继续阅读 »
2年前 (2022-09-04) 90浏览 0评论
0个赞
Progress value 属性
Progress 对象
实例
修改当前进度条的值:
document.getElementById(“myProgress”).value=”75″;
定义和用法
value 属性用于设置或返回进度条 value 属性的值。
value 属性描述了当前进度条完成的进度。
注意: <progress> 元素是……继续阅读 »
2年前 (2022-09-04) 27浏览 0评论
0个赞
Progress max 属性
Progress 对象
实例
修改进度条的最大值:
document.getElementById(“myProgress”).max=”50″;
定义和用法
max 属性用于设置或者返回进度条 max 属性的值。
max 属性描述了进度条完成工作任务所需要的值。
注意: <progress> 元素是新增的。
浏览……继续阅读 »
2年前 (2022-09-04) 28浏览 0评论
0个赞
Progress position 属性
Progress 对象
实例
获取进度条的当前值:
var x = document.getElementById(“myProgress”).position;
x输出结果为:
0.22
定义和用法
position 属性返回进度条的当前进度。
该属性反映了当前进度的位置,就是value / max的值。
注意: 该属性为只读属性。
注意……继续阅读 »
2年前 (2022-09-04) 237浏览 0评论
0个赞
HTML <param> 标签
实例
设置参数 “autoplay” 为 “true”,音频载入后会自动播放:
<object data=”horse.wav”>
<param name=”autoplay” value=”true”>
</……继续阅读 »
2年前 (2022-09-04) 50浏览 0评论
0个赞