Learning Path
浏览 JavaScript 参考手册 相关教程与章节。
HTML、CSS、JavaScript、浏览器 API、前端框架与 UI 工程。
教程
1361
HTML canvas strokeStyle 属性 Canvas 对象 实例 绘制一个矩形。请用红色的笔触颜色： YourbrowserdoesnotsupporttheHTML5canvastag. var c=document.getElementById('myCanvas'); var canvOK=1; try {c.getContext('2d');} catch (er..
HTML canvas textAlign 属性 Canvas 对象 实例 在位置 150 创建一条红线。位置 150 是下面实例中定义的所有文本的锚点。请研究每种 textAlign 属性值的效果： YourbrowserdoesnotsupporttheHTML5canvastag. var c=document.getElementById('myCanvas'); var canvOK=1; t..
HTML canvas textBaseline 属性 Canvas 对象 实例 在 y=100 处绘制一条红线，然后在 y=100 处用不同的 textBaseline 值放置每个单词： YourbrowserdoesnotsupporttheHTML5canvastag. var c=document.getElementById('myCanvas'); var canvOK=1; try {c...
Checkbox checked 属性 Checkbox 对象 定义和用法 checked 属性设置或返回 checkbox 是否应被选中。 语法 设置 checked 属性: checkboxObject.checked=true|false 返回 checked 属性: checkboxObject.checked 浏览器支持 所有主要浏览器都支持 checked 属性 实例 实例 下面的例子可设置该 c..
Checkbox defaultChecked 属性 Checkbox 对象 定义和用法 defaultChecked 属性可返回 checked 属性的默认值。 该属性在 checkbox 默认被选定时返回 true，否则返回 false。 语法 checkboxObject.defaultChecked 浏览器支持 所有主要浏览器都支持 defaultChecked 属性 实例 实例 下面的例子可返回 che..
Checkbox disabled 属性 Checkbox 对象 实例 实例 1 禁用 checkbox: <script>document.getElementById('checkemail').disabled=true;</script> 输出结果： 尝试一下 » 定义和用法 disabled 属性可设置或返回是否禁用 chec..
Checkbox form 属性 Checkbox 对象 定义和用法 form 属性返回包含复选框的表单引用。 该属性返回 form 对象。 语法 checkboxObject.form 浏览器支持 所有主要浏览器都支持 form 属性 实例 实例 面的例子返回了该 checkbox 所属的表单的 id： [mycode2] 菜鸟教程(runoob.com) function displayResul..
Checkbox name 属性 Checkbox 对象 定义和用法 name 属性可设置或返回 checkbox 元素的 name 属性值 。 name 属性用于表单提交后向服务器传送数据，或者在Javascript引用表单数据。 注意： 在表单提交后只有表单元素的 name 属性才会传递数据值。 语法 设置 name 属性: checkboxObject.name='name' 返回 name 属性:..
Checkbox type 属性 Checkbox 对象 定义和用法 type 属性可返回元素的表单类型。 对于一个 checkbox 对象，该属性总是返回 'checkbox'。 语法 checkboxObject.type 浏览器支持 所有主要浏览器都支持 type 属性 实例 实例 下面的例子返回了 checkbox 的表单元素类型： [mycode2] 菜鸟教程(runoo..
Checkbox value 属性 Checkbox 对象 定义和用法 value 属性可设置或者返回 checkbox 的value属性值。 复选框的 value 属性值不会显示在用户界面中。value 属性用于表单数据的提交（只有选中的复选框才会传递数据到服务端，如果什么都没选则不传递复选框数据）。 语法 设置 value 属性: checkboxObject.value='value' 返回val..
Column span 属性 Column 对象 实例 返回<col>元素横跨的列数（即span的值）: var x = document.getElementById('myCol').span; x 输出结果为: 2 尝试一下 » 定义和使用 span 属性用于设置或者返回列的span属性值。 span 属性定了 <col> 元素横跨的列..
Columngroup span 属性 Columngroup 对象 实例 返回 <colgroup> 元素横跨的列数: var x = document.getElementById('myColgroup').span; x 输出结果为: 2 尝试一下 » 定义和使用 span 属性设置或者返回列组span属性的值。 span 属性定义 <colgr..
Input Color autofocus 属性 Input Color 对象 实例 查看拾色器是否在页面加载时自动获取焦点: var x = document.getElementById('myColor').autofocus; x输出结果为： true 尝试一下 » 定义和用法 autofocus 属性用于设置或者返回在页面加载时拾色器是否获取焦点。 该属性反映了 HTML autofoc..
Input Color disabled 属性 Input Color 对象 实例 D禁用拾色器: document.getElementById('myColor').disabled = true; 输出结果： 尝试一下 » 定义和用法 disabled 属性用于设置或者返回拾色器是否可用。 使用 disabled 属性的元素是不可用和不可点击的。 禁用的元素在浏览器上通常显示为灰..
Input Color form 属性 Input Color 对象 实例 返回包含 <input type='color'> 元素的表单 id: var x = document.getElementById('myColor').form.id; x输出结果为： myForm 尝试一下 » 定义和用法 form 属性返回包含拾色器的 form 表..
Input Color name 属性 Input Color 对象 实例 获取拾色器的名称： var x = document.getElementById('myColor').name; x输出结果为： favcolor 尝试一下 » 定义和用法 设置或者返回拾色器 name 属性值。 name 属性通常用于向服务端提交表单数据的标识符，或者是在客户端作为Javascript的引用标识。 注..
Input Color type 属性 Input Color 对象 实例 返回拾色器的表单元素类型: var x = document.getElementById('myColor').type; x输出结果为： color 尝试一下 » 定义和用法 type 属性用于返回拾色器的表单元素类型。 拾色器的表单通常返回 'color'。 浏览器支持 所有主流浏览器都支持..
Input Color value 属性 Input Color 对象 实例 修改拾色器默认的颜色: document.getElementById('myColor').value = #FF8040; 尝试一下 » 定义和用法 value 属性设置或者返回拾色器的 value 属性值。 value 属性描述了拾色器的默认颜色。 注意： 默认颜色值为 #000000 (黑色)。 浏览器支持 ..
CSSStyleDeclaration cssText 属性 CSS CSSStyleDeclaration 实例 返回 h1 元素的内联样式值: [mycode3 type='js'] var elmnt = document.getElementsByTagName('h1')[0]; var x = elmnt.style.cssText; [/mycode3] 尝试一下 » ..
CSSStyleDeclaration length 属性 CSS CSSStyleDeclaration 实例 返回 h1 元素样式的声明数目: [mycode3 type='js'] var elmnt = document.getElementsByTagName('h1')[0]; var x = style.length; [/mycode3] 尝试一下 » 定义和使用 ..
CSSStyleDeclaration parentRule 属性 CSS CSSStyleDeclaration 实例 返回 CSS 声明的样式及 CSS 选择器: [mycode3 type='js'] var s = document.styleSheets[0].rules[0].style; var ruleObj = s.parentRule; document.getElementById(&#..
Input Date autofocus 属性 Input Date 对象 实例 查看date字段在页面加载后是否自动获取焦点： var x = document.getElementById('myDate').autofocus; x输出结果为： true 尝试一下 » 定义和用法 autofocus 属性用于设置或者返回 date 字段在页面加载后是否自动获取焦点。 该属性反映了 HTML ..
Input Date disabled 属性 Input Date 对象 实例 禁用日期字段: document.getElementById('myDate').disabled = true; The result could be: 尝试一下 » 定义和用法 disabled 属性设置或返回日期字段是否可用。 使用 disabled 属性的元素是不可用和不可点击的。 禁用的元素在浏览..
Input Date form 属性 Input Date 对象 实例 返回包含 <input type='date'> 属性的表单 id : var x = document.getElementById('myDate').form.id; x输出结果为： myForm 尝试一下 » 定义和用法 form 属性返回包含 date 字段的表单引用。..