(适用新手)javascript事件与函数的关系

(适用新手)javascript事件与函数的关系

导语:笔记属于作者学习javascript过程中编写,可能会存在各种错误,恳请阅读者发现后通知作者更改或删除内容.手动低头表示谢意

事件在javascript中可以理解为触发器.比如onclick(鼠标单击)为一个事件、一个触发器.

函数则是只有触发了相应的触发器后才能进行解析(个人认为函数为一个存储器.需要触发才能解析)

事件可以内嵌在标签中使用.比如;

<div onclick='style="height:100px;'>
123</div>
//点击该<div>后 该<div>高度变为100px,
//又或者;
<button onclick="f(5)">123456789</button>
//单击按钮后解析f(t)
//过程中会发生传参,把5传递给t.
<script>
function f(t){
console.log(t);
}
//输出为5
</script>

也可以在script中使用,比如;

<button id="rt">456</button>
<script>
var q = document.getElementById("rt");
q.onclick = function(){
q.style.backgroundColor="red";
}
//点击按钮后,id为rt的背景色改为red色.
 //当没有函数时,即
 q.onclick = q.style.backgroundColor="red";
 //等同于
 q.style.backgroundColor="red";
 //会直接把id为rt的元素背景色改为red色.
 </script>

注意:一般事件会以on开头,比如;

onclick(鼠标单击事件),onmouseenter(
鼠标穿入事件),onmouseleave(鼠标穿出事件).

没有on也是事件,
但好像要用addEventListener()方法监听元素使用,这里不多说.
这次就写到这里了,再次恳请阅读者发现错误的地方通知作者修改或删除内容,手动低头以示谢意.