小白教程
所有教程
关于
Search
172.70.130.248
172.70.130.248
参数设置
贡献
退出
操作
编辑
移动
保护
信息
历史
删除
查看“JavaScript 事件”的源代码
本页内容
上一节:
JavaScript_作用域
下一节:
JavaScript_字符串
因为以下原因,您没有权限编辑本页:
您请求的操作仅限属于该用户组的用户执行:
用户
您可以查看和复制此页面的源代码。
{{DISPLAYTITLE:JavaScript 事件}}[[Category:Javascript 教程|14]] = JavaScript 事件 = HTML 事件是发生在 HTML 元素上的事情。 当在 HTML 页面中使用 JavaScript 时, JavaScript 可以触发这些事件。 == HTML 事件 == HTML 事件可以是浏览器行为,也可以是用户行为。 以下是 HTML 事件的实例: * HTML 页面完成加载 * HTML input 字段改变时 * HTML 按钮被点击 通常,当事件发生时,你可以做些事情。 在事件触发时 JavaScript 可以执行一些代码。 HTML 元素中可以添加事件属性,使用 JavaScript 代码来添加 HTML 元素。 单引号: <some-HTML-element some-event=''''JavaScript 代码''''> 双引号: <some-HTML-element some-event='''"JavaScript 代码"'''> 在以下实例中,按钮元素中添加了 onclick 属性 (并加上代码): <sample title="" desc="" lang="html" hererun="1"> <button onclick="getElementById('demo').innerHTML=Date()">现在的时间是?</button> </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> </head> <body> <button onclick="getElementById('demo').innerHTML=Date()">现在的时间是?</button> <p id="demo"></p> </body> </html> </run> 以上实例中,JavaScript 代码将修改 id="demo" 元素的内容。 在下一个实例中,代码将修改自身元素的内容 (使用 '''this'''.innerHTML): <sample title="" desc="" lang="html" hererun="1"> <button onclick="this.innerHTML=Date()">现在的时间是?</button> </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> </head> <body> <button onclick="this.innerHTML=Date()">现在的时间是?</button> </body> </html> </run> <blockquote>JavaScript代码通常是几行代码。比较常见的是通过事件属性来调用:</blockquote> <sample title="" desc="" lang="html" hererun="1"> <button onclick="displayDate()">现在的时间是?</button> </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> </head> <body> <p>点击按钮执行 <em>displayDate()</em> 函数.</p> <button onclick="displayDate()">点这里</button> <script> function displayDate(){ document.getElementById("demo").innerHTML=Date(); } </script> <p id="demo"></p> </body> </html> </run> == 常见的HTML事件 == 下面是一些常见的HTML事件的列表: <blockquote>在 HTML DOM 章节中你将会学到更多关于事件及事件处理程序的知识。</blockquote>
返回至“
JavaScript 事件
”。
上一节:
JavaScript_作用域
下一节:
JavaScript_字符串