一.JavaScript的组成
JavaScript基础分为三个部分:
ECMAscript:JavaScript的标准语法.包括变量,表达式,运算符,函数,if语句,for语句等.
DOM:文档对象模型,操作网页上的元素和API.比如让盒子移动,变色,轮播图等.
BOM:浏览器对象模型,操作浏览器部分功能的API.比如让浏览器自动滚动.
二.事件
js是以事件驱动为核心的一门语言
三.事件的三要素
事件的三要素是:事件源,事件,事件驱动程序
比如,我用手去安开关,灯亮了,这件事情里,事件源是手,事件是:按开关.事件驱动程序是:灯的开和关.
再比如,网页上弹出一个广告,我点击右上角的x,这件事情里,事件源是x,事件是:onclick.事件驱动程序是:广告关闭了.
总结:
事件源:引发后续使事件html标签.
事件:js已经定义好了,见下图.
事件驱动程序:对样式和html的操作.也就是DOM
代码书写步骤如下:
(1).获取事件源:document.getElementById("box"); //类似于ios语言的 UIButton*adBtn = [UIButton buttonWithType:UIButtonTypeCustom];
(2)绑定事件:事件源是box,事件onclick = function(){事件驱动程序};
(3)书写事件驱动程序:关于DOM的操作
代码例子:
<body>
<div ></div>
<script type="text/javascript">
// 1、获取事件源
var div = document.getElementById("box1");
// 2、绑定事件
div.onclick = function () {
// 3、书写事件驱动程序
alert("我是弹出的内容");
}
</script>
</body>