JavaScript 事件
来源:互联网 发布:怎样利用网络做直销 编辑:程序博客网 时间:2024/06/10 04:38
HTML 事件是发生在 HTML 元素上的事情。
当在 HTML 页面中使用 JavaScript 时, JavaScript 可以触发这些事件。
HTML 事件
HTML 事件可以是浏览器行为,也可以是用户行为。
以下是 HTML 事件的实例:
HTML 页面完成加载
HTML input 字段改变时
HTML 按钮被点击
通常,当事件发生时,你可以做些事情。
在事件触发时 JavaScript 可以执行一些代码。
HTML 元素中可以添加事件属性,使用 JavaScript 代码来添加 HTML 元素。
单引号:
<some-HTML-element some-event='some JavaScript'>
双引号:
<some-HTML-element some-event="some JavaScript">
在以下实例中,按钮元素中添加了 onclick 属性 (并加上代码):
<!DOCTYPE html><html><head> <meta charset="utf-8"> </head><body><button onclick="getElementById('demo').innerHTML=Date()">现在的时间是?</button><p id="demo"></p></body></html>
上面的JavaScript 代码修改 id=”demo” 元素的内容,这一个代码将修改自身元素的内容 (使用 this.innerHTML):
<!DOCTYPE html><html><head> <meta charset="utf-8"> </head><body><button onclick="this.innerHTML=Date()">现在的时间是?</button></body></html>
JavaScript代码通常是几行代码。比较常见的是通过事件属性来调用
<!DOCTYPE html><html><head> <meta charset="utf-8"> </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>
常见的HTML事件
下面是一些常见的HTML事件的列表:
事件可以用于处理表单验证,用户输入,用户行为及浏览器动作:页面加载时触发事件、页面关闭时触发事件、用户点击按钮执行动作、验证用户输入内容的合法性。
可以使用多种方法来执行 JavaScript 事件代码:HTML 事件属性可以直接执行 JavaScript 代码、HTML 事件属性可以调用 JavaScript 函数、你可以为 HTML 元素指定自己的事件处理程序、你可以阻止事件的发生。
阅读全文
0 0
- Javascript事件
- javascript 事件
- Javascript 事件
- javascript 事件
- Javascript 事件
- JavaScript 事件 ***
- Javascript事件
- Javascript 事件
- JavaScript 事件
- Javascript 事件
- javascript事件
- javascript事件
- javascript 事件
- javascript事件
- javascript 事件
- JavaScript 事件
- JavaScript事件
- JavaScript 事件
- Spring AOP解析
- Linux系统调用
- iOS CATransition动画实现SDWebImage图片下载完成渐变动画
- Python字典
- LabVIEW I/O服务器创建时的相关问题汇总
- JavaScript 事件
- 倒计时控制数量传递
- git操作
- python Queue模块
- 黑盒测试方法四(正交实验法)
- SQL Server:“数据收缩”详解
- Scoket客户端实例
- DAY 17 字符编码、文件操作、函数定义
- MFC调用exe程序,并等待exe程序运行结束(ShellExecuteEx)