上往建站提供服务器空间服务商，百度快照排名，网站托管，百度推广运营,致力于设计外包服务与源代码定制开发，360推广，搜狗推广,增加网站的能见度及访问量提升网络营销的效果,主营：网站公司,百度推广公司电话,官网搭建服务,网站服务企业排名,服务器空间,英文域名等业务，专业团队服务，效果好。
文山设计网页公司
在下一个实例中，代码将修改自身元素的内容 (使用 this.innerHTML):
实例
<button onclick="this.innerHTML=Date()">现在的时间是?</button>
尝试一下 »
 | JavaScript代码通常是几行代码。比较常见的是通过事件属性来调用： |
|---|
实例
<button onclick="displayDate()">现在的时间是?</button>
尝试一下 »
常见的HTML事件
下面是一些常见的HTML事件的列表:
| 事件 | 描述 |
|---|
| onchange | HTML 元素改变 |
| onclick | 用户点击 HTML 元素 |
| onmouseover | 鼠标指针移动到指定的元素上时发生 |
| onmouseout | 用户从一个 HTML 元素上移开鼠标时发生 |
| onkeydown | 用户按下键盘按键 |
| onload | 浏览器已完成页面的加载 |
更多事件列表: JavaScript 参考手册 - HTML DOM 事件。
JavaScript 可以做什么?
事件可以用于处理表单验证，用户输入，用户行为及浏览器动作:
页面加载时触发事件
页面关闭时触发事件
用户点击按钮执行动作
验证用户输入内容的合法性
等等 ...
可以使用多种方法来执行 JavaScript 事件代码：
| 在 HTML DOM 章节中你将会学到更多关于事件及事件处理程序的知识。
|
|---|
意，当在 JS 文件中为相关元素设置事件时，其写法与 HTML 事件属性写法相同，例如：
<button id="test" onclick="changeContent()">更换内容</button>
在 JS 中则需要这样写：
var test = document.getElementById("test");
test.onclick = function changeContent(){
//......
}
注意：在为元素添加事件句柄或者删除元素事件句柄的过程中，不要将 event 参数设置为 onclick，而必须写成 click，去掉事件名称中的 on 即可。
添加事件句柄函数原型:
element.addEventListener(event, function, [useCapture])
删除事件句柄的函数原型:
element.removeEventListener(event, function, [useCapture])
枫泠鸢
枫泠鸢
116***4735@qq.com
4年前 (2018-12-18)
千年遇玺
173***0998@qq.com
196
不推荐使用 HTML 元素中可以添加事件属性 的方式来添加属性。
例子：
<button onclick="getElementById('demo').innerHTML=Date()">现在的时间是?</button>
因为遵从“高内聚，低耦合”的编程原则。
高内聚是说模块内部要高度聚合，低耦合是说模块与模块之间的藕合度要尽量低。前者是说模块内部的关系，后者是说模块与模块间的关系。
很形象的比拟：严于律己，宽以待人。
千年遇玺
千年遇玺
173***0998@qq.com
3年前 (2019-03-22)
千年遇玺
173***0998@qq.com
78
添加事件句柄实例：
<input id="test" type="button" value="提交"/>
<script>
window.onload = function(){
var test = document.getElementById("test");
test.addEventListener("click",myfun2);
test.addEventListener("click",myfun1);
}
function myfun1(){
alert("你好1");
}
function myfun2(){
alert("你好2");
}
</script>
文山设计网页公司
上往建站提供搭建网站，域名注册，官网备案服务，网店详情页设计，企业网店，专业网络店铺管理运营全托管公司咨询电话，服务器空间，微信公众号托管，网页美工排版,致力于域名申请，竞价托管，软文推广，全网营销,提供标准级专业技术保障，了却后顾之忧,主营：虚拟主机，网站推广，百度竞价托管，网站建设，上网建站推广服务，网络公司有哪些等业务，专业团队服务，效果好。
服务热线：400-111-6878 手机微信同号:18118153152（各城市商务人员可上门服务）
