文章目录
目录
前言
大家好,我是遇见ice。
个人主页:遇见ice的博客
本文主要是以点击事件为例,讲了一些关于事件的知识,其他事件例子下次再讲啦。
走过路过的小伙伴们点个赞和关注再走吧,欢迎评论区交流。学一点,就会进步一点,大家一起加油呀!笔芯
事件
事件是用户与浏览器交互的方法,规定了浏览器在什么时刻执行什么事情。当事件发生时执行代码JavaScript,对事件做出反应。
比如用户在HTML元素上点击,这一事件可写做οnclick=JavaScript的格式。
点击示例如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>事件点击</title>
</head>
<body>
<!--onclick中的内容也可以换成document.getElementsByTagName('h1')[0].innerHTML='点击后的文本'-->
<!--点击文本,可使事件响应,执行''内JavaScript代码-->
<h1 onclick="this.innerHTML='点击后的文本'">请点击文本!</h1>
<!--点击按钮,可使事件响应,执行''内JavaScript代码,颜色不要选红色什么太亮的颜色,对眼睛很不好-->
<input type="button" onclick="document.body.style.backgroundColor='skyblue';" value="修改背景颜色">
</body>
</html>