第二章 JaveScript定义变量与操作标签
One—定义变量
var: 是用来声明js变量名的;
var a = 345; → 表示把345赋值给 a （a是变量） = 是赋值意思；
注意var与a中间一定要有空格；
定义变量要求：
1、只能包含 数字 字母 _ $
例：var $a = 456;
var _ a = 345;
var a2 = 345;
2、不能以数字开关头
例：var 2a = 456; (报错)
3、不能和原始的API或语法词冲突
例：var alert= 456; (报错)
定义变量的规范：
1、见名知意
例：var age = 20;(一看就是年龄)
2、驼峰法
例：var myAge = 20
3、下划线
例：var my_age= 20
注意：var my-age = 20；不行的 只能用_
var g = 20；与var G = 20；不同（js中是严格区分大小写）
var abc = 123;
alert ( abc ); → 弹出123（abc是变量，var把123赋值给abc）
alert ( 'abc' ); → 弹出abc （abc已经被转化成字符串和上面var abc没有任何关系）
全局与局部变量：
全局变量：指在window下定义的变量； 例：var a=123;
局部变量：指在function局部里定义的；例：function fn(){ var a=123 };
Two—操作标签
1、注册事件
<div id = 'box'></div>
document.getElementById ( 'box' ).onclick = function () {
alert( ‘你点我干嘛’ );
}
元素 . 事件 = 反应
获取元素：节点/Dom对象/元素 （标签在js里的三种叫法）
document.getElementById( 'box' );
先获取标签元素才能对元素进行操作；
var a = document.getElementById( 'box' );
找到box对象的元素赋值给a；
get Element By Id
获取 元素 通过 Id方法
注意：document.getElementById( box );
box没有加‘ ’号 box在这里是变量，获取不到元素；
box加‘ ’号box是字符串，才能获取到
2、事件
鼠标事件：
onclick 单击左键
ondblclick 双击左键
onmouseenter 移入
onmouseleave 移出
onmouseup 鼠标抬起
onmousedown 按下（左右键都可以）
onmouseover 移入*
onmouseout 移出 *
还有其他以后会再介绍
注册事件：（反馈/反应）
var a = document.getElementById( 'box' );
a.onclick = function () {}; ///function是函数/方法
点击a元素执行function函数
a.onclick = function () {
alert( '你点我干嘛' );
}
函数/方法
匿名函数：x .onclick = function (){};不能单独出现必需要=才能出现；结束时必需加;
有名函数：function y(){}可以单独出现 大括号结束后不需要加分号；可加可不加
y就是函数的名；函数名称和变量命名规则一样；
例：
a.ondblclick = y;
function y() {
alert( '点我干嘛' )
}
