js使我们有能力去创建动态页面,事件就是可以被js侦测到的行为
简单理解就是用户操作鼠标或者键盘后,触发了js事件,然后产生对应的机制
比如我们点击一个按钮,弹出对话框

 

事件源>事件类型>事件处理程序

事件源:

事件被触发的对象,就是谁触发了这个事件

事件类型:
如何触发,什么事件,比如鼠标点击(onclick),鼠标经过,键盘按下。

事件处理程序:
通过一个函数赋值的方式完成

 

事件执行的步骤

获取事件源

注册事件(也叫绑定事件)

添加事件处理程序( 一般用function函数)

操作元素

js的dom操作可以改变网页内容,结构和样式,我们就可以利用dom操作元素来改变元素里面的内容 属性等

 

1、修改元素内容

element.Text和element.innerHTML
element.innerText
从起始位置到终止位置的内容,但他去除了html标签同时空格和换行也会去掉 不识别HTML标签 非标准
element.innerHTML
起始位置到终止位置的全部内容,包括HTML标签,同时保留了空格和换行,识别HTML标签 属于w3c标准,用的比较多
这两个属性都是可读写的,可以获得元素里面的内容

2、修改元素属性

还是老的操作方法:
先获取元素
注册事件 处理程序
然后直接调用元素的属性赋值