JS学习之-05

HTML DOM

document对象

JS改变HTML内容,语法

document.getElementById(id).innerHtml=""

JS改变HTML属性,语法

document.getElementById(id).attribute=""

JS改变CSS样式,语法

document.getElementById(id).style.property=""

JS执行事件反馈

点击事件

οnclick=js function

onload、onunload事件

事件会在用户进入或离开页面时被触发

onload事件可以用于检测访问者的浏览器类型或浏览器版本,本基于这些信息来加载网页的正常版本

onload、onunload事件可以用于处理cookie

<body οnlοad="function()">

onmouseover、onmouseout

该事件可用于在用户的鼠标移至HTML元素上方或移出元素时触发函数

onmousedown、onmouseup以及onclick事件

三个事件构成了鼠标点击事件的所有部分。

onfocus事件

获取焦点时触发

addEventListener("eventName", function)

该方法添加的事件句柄不会覆盖已存在的事件句柄,可以添加多个相同类型的事件,比如两个click事件

事件冒泡与捕获

事件传递有两种方式:冒泡与捕获,当使用冒泡方式时,内部元素的时间会先被触发,然后再触发外部元素,而捕获则相反。

removeEventListener("event", function)

  • 7
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值