JavaScript零基础学习系列四

案例分享

对象

具体的东西，在以js的眼光看所有的标签都是标签对象，对象是属性的无序集合。
创建对象有两种方式：
直接量；

构造器：所谓的构造器，其实就是函数，只不过这个函数有些特殊，因为它是用于创建对象的，所以首字母大写。想借鉴类的思想。然而在js中是没有类的，所以这个构造器就充当了类的角色。

简单应用一

Js控制改变标签的html属性和Css属性之间的区别与如何获取标签对象。
1.首先获取标签，document.getElementById('标签id值')
2.找到对应的标签属性并赋值
  a.HTML的标签属性设置
     1.取值var w=对象.HTML属性名
     2.对象.HTML属性名=值
  b.CSS属性设置
     1.Var ab=对象.style.CSS属性名
     2.对象.style.CSS属性名=值（字符串）
3.CSS中的属性比如：background-color应转化为：backgroundColor 此为小驼峰的命名法。
4.注意：网页获取下来的“值”都是字符串所以在针对CSS属性的时候必须将得到的属性添加上单位px

案例分享

图二中既是对于CSS属性的修改，此时需注意的是添加单位px，以及小驼峰法转换原来的写法如：background-color ---》backgroundColor

简单应用二

认真体会如果修改以及获取元素的值，修改网页中的文字内容是否与修改单标签中的值一致？

这里计算的仅仅是整数的简单运算所以用parseInt()将获取下来的字符全部转换成了整数进行运算。
注意：innerHTML和value对比，innerHTML所有在这个对象之内的内容都是innerHTML的内容。value内容一般是指input标签的时候是value，双标签都需要用到innerHTML，而单标签input则为value。

创建标签的方法与添加标签至body中或者对应obj中的方法如上。

事件

HTML和Js通过事件建立起来联系，所以在JavaScript中我们对于事件的学习尤为重要。
鼠标事件：
onclick：点击事件
onmouseover:鼠标放上
onmouseout：鼠标离开
ondbclick:双击
onmousedown: 鼠标按下
onmouseup: 鼠标抬起
onmousemove: 鼠标移动。
举个单击事件🌰：

举个鼠标移动🌰：事件绑定在上图中的img标签中

键盘事件
OnkeyDown：键盘按下
OnkeyUp:键盘抬起
OnkeyPress：按键一次
表单事件
Onsubmit：表单提交事件
Onreset：重置事件
Onfocus：获得焦点
Onblur：失去焦点
窗口事件
Onload，在网页一打开的时候发生（注意：必须是把所有东西都加载完成之后）例如：window.onload=init注意：函数名init之后没有括号；

事件源

Event:是指之事件发生的时候（事件源）相关的一些信息。
注意：应划定事件源的范围，否则无法判别事件的发生位置。也就是给body元素范围值。
创建标签与添加标签元素：
创建：createElement（'标签名')
添加：body.appendChild(obj); //也可以往指定的对象中添加子元素。