javascript的事件体验

日期:2018-06-03 23:46:18 章节:  javascript DOM

javascript(下面简写js)就是一门以事件驱动为核心的语言!

js中事件的三个要素:获取事件源、事件、事件驱动程序

下面体验一下js的事件。

在body标签中写入节点

<div id="box">
        javascript事件体验
</div>

对id为box的div DOM添加样式如下:

<style>
        div {
            width: 150px;
            height: 150px;
            cursor: pointer;
            background-color: pink;
        }
</style>

引入js脚本:

<script>
var ele = document.getElementById("box");
ele.onclick = function () {
            alert("我是一个div");
        }
</script>

当点击页面中的“javascript事件体验”文字,则会弹出如下结果。

javascript事件体验.png