Learning Path
浏览 标签参考 相关教程与章节。
W3C、标签速查、字符集、XML/XSL、浏览器兼容与参考文档。
教程
626
HTML canvas textAlign 属性 HTML canvas 参考手册 实例 在位置 150 创建一条红线。位置 150 是下面实例中定义的所有文本的锚点。请研究每种 textAlign 属性值的效果： YourbrowserdoesnotsupporttheHTML5canvastag. var c=document.getElementById('myCanvas'); var canv..
HTML canvas textBaseline 属性 HTML canvas 参考手册 实例 在 y=100 处绘制一条红线，然后在 y=100 处用不同的 textBaseline 值放置每个单词： YourbrowserdoesnotsupporttheHTML5canvastag. var c=document.getElementById('myCanvas'); var canvOK=1; ..
HTML canvas transform() 方法 HTML canvas 参考手册 实例 绘制一个矩形，通过 transform() 添加一个新的变换矩阵，再次绘制矩形，添加一个新的变换矩阵，然后再次绘制矩形。请注意，每当您调用 transform() 时，它都会在前一个变换矩阵上构建： YourbrowserdoesnotsupporttheHTML5canvastag. var c=document.getElem..
HTML canvas translate() 方法 HTML canvas 参考手册 实例 在位置 (10,10) 处绘制一个矩形，将新的 (0,0) 位置设置为 (70,70)。再次绘制新的矩形（请注意现在矩形从位置 (80,80) 开始绘制）： YourbrowserdoesnotsupporttheHTML5canvastag. var c=document.getElementById('myCanva..
HTML 颜色混搭 混搭两种颜色，并查看效果： 选择颜色： document.getElementById('selectedColortop').style.top='185px' document.getElementById('selectedColortop').style.left='135px' document.getEl..
HTML5 onafterprint 事件属性 HTML 事件属性 实例 在页面设置打印及打印对话框出现后执行 JavaScript : <body onafterprint='printmsg()'> 尝试一下 » 浏览器支持 事件属性 onafterprint ..
HTML5 onbeforeprint 事件属性 HTML 事件属性 实例 在页面设置打印，但在打印对话框出现前执行 JavaScript : <body onbeforeprint='printmsg()'> 尝试一下 » 浏览器支持 事件 onbef..
HTML onblur 事件属性 HTML 事件属性 实例 当用户离开输入域时进行验证： <input type='text' name='fname' id='fname' onblur='upperCase()'> 尝试一下 » 浏览器支持 所有主流浏览器都支持 onblur 事件属性 定义和用法 ..
HTML onchange 事件属性 HTML 事件属性 实例 当元素改变时运行脚本: <input type='text' name='txt' value='Hello' onchange='checkField(this.value)'> 尝试一下 » 浏览器支持 所有主流浏览器都支持 onchang..
HTML onclick 事件属性 HTML 事件属性 实例 当单击鼠标时运行脚本: <button onclick='copyText()'>复制文本</button> 尝试一下 » 浏览器支持 所有主流浏览器都支持 onclick 事件属性 定义和用法 onclick 属性在单击鼠标时触发。 注意： onclick 属性不能应用于以..
HTML ondblclick 事件属性 HTML 事件属性 实例 当双击鼠标时运行脚本 <button ondblclick='copyText()'>复制文本</button> 尝试一下 » 浏览器支持 所有主流浏览器都支持 ondblclick 事件属性 定义和用法 ondblclick 属性在元素上双击鼠标时触发。 注意： on..
HTML onfocus 事件属性 HTML 事件属性 实例 当输入域获得焦点时运行脚本: <input type='text' id='fname' onfocus='setStyle(this.id)'> 尝试一下 » 浏览器支持 所有主流浏览器都支持 onfocus 事件属性 定义和用法 onfocus 属性在元素获得..
HTML onkeydown 事件属性 HTML 事件属性 实例 当按下按键时运行脚本: <input type='text' onkeydown='displayResult()'> 尝试一下 » 浏览器支持 所有主流浏览器都支持 onkeydown 事件属性 定义和用法 onkeydown 属性在用户按下按键(在键盘上)时触发。 提示： ..
HTML onkeypress 事件属性 HTML 事件属性 实例 当按下按键时运行脚本: [mycode3 type='html'] [/mycode3] 尝试一下 » 浏览器支持 所有主流浏览器都支持 onkeypress 事件属性 定义和用法 onkeypress 属性在按下按键时触发。 提示： 与 onkeypress 事件相关的事件触发顺序: onkeydown onkeypres..
HTML onkeyup 事件属性 HTML 事件属性 实例 当松开按键时运行脚本: <input type='text' onkeyup='displayResult()'> 尝试一下 » 浏览器支持 所有主流浏览器都支持 onkeyup 事件属性 定义和用法 onkeyup 属性在用户松开按键（在键盘上）时触发。 提示： 与 onkey..
HTML onload 事件属性 HTML 事件属性 实例 当文档加载完成后运行 JavaScript 脚本: <body onload='load()'> 尝试一下 » 浏览器支持 所有主流浏览器都支持 onload 事件属性。 定义和用法 onload 属性在文档对象加载完成后触发。 onload 通常使用于 <body> 元素中..
HTML onmousedown 事件属性 HTML 事件属性 实例 当按下鼠标按钮时运行脚本: <p onmousedown='mouseDown()'>Click the text!</p> 尝试一下 » 浏览器支持 所有主流浏览器都支持 onmousedown 事件属性 定义和用法 onmousedown 属性在按下鼠标按钮时触发..
HTML onmousemove 事件属性 HTML 事件属性 实例 当鼠标指针移动到指定图片时运行脚本: <img onmousemove='bigImg(this)' src='smiley.gif' alt='Smiley'> 尝试一下 » 浏览器支持 所有主流浏览器都支持 onmousemove 事件属性 定义和用法..
HTML onmouseout 事件属性 HTML 事件属性 实例 当鼠标指针移出图片时运行脚本: <img onmouseout='normalImg(this)' src='smiley.gif' alt='Smiley'> 尝试一下 » 浏览器支持 所有主流浏览器都支持 onmouseout 事件属性 定义和用法 on..
HTML onmouseover 事件属性 HTML 事件属性 实例 当鼠标指针移至图片之上时运行脚本: <img onmouseover='bigImg(this)' src='smiley.gif' alt='Smiley'> 尝试一下 » 浏览器支持 所有主流浏览器都支持 onmouseover 事件属性 定义和用法 ..
HTML onmouseup 事件属性 HTML 事件属性 实例 当松开鼠标按钮时运行脚本： <p onmouseup='mouseUp()'>Click the text!</p> 尝试一下 » 浏览器支持 所有主流浏览器都支持 onmouseup 事件属性 定义和用法 onmouseup 属性在用户松开鼠标按键时触发。 提示： 与..
HTML onresize 事件属性 HTML 事件属性 实例 当调整窗口大小时运行脚本: <body onresize='showMsg()'> 尝试一下 » 浏览器支持 所有主流浏览器都支持 onresize 事件属性 定义和用法 onresize 属性在调整窗口大小时触发。 onresize 属性常用于调整窗口大小。 HTML 4.01 与 HTML5之..
HTML onselect 事件属性 HTML 事件属性 实例 当选取<input>元素中的文本后执行 JavaScript: <input type='text' onselect='showMsg() value='Hello world!'> 尝试一下 » 浏览器支持 所有主流浏览器都支持 onsele..
HTML onshow 事件属性 HTML 事件属性 实例 当 <menu> 元素在上下文菜单显示时执行 JavaScript: <div contextmenu='mymenu'> <p>用鼠标右键单击黄色框区域查看上下文菜单！</p> <menu type='con..