JavaScript总结-细节

前言

根据上一篇博客给大家做了一个整体的框架的描述，这一篇博客主要是针对JavaScript中不同模块主介绍

---

数据类型

字符串类型，与后端的字符串是一样的

var carname="wangmein"
var carname='wangmein'  //可以使用单引号也可以使用双引号

number类型，与后端的int floot是一样的

var y=123e5;      // 12300000
var z=123e-5;     // 0.00123

布尔类型，与后端的boolean是一样的

var x=true;
var y=false;

数组类型，与后端的数组是一样的

var cars =new Array();
cars[0]="aa";
cars[1]="Saab"

对象类型，对象类型，对象类型有使用规范1。需要使用花括号，2对象名：值对，属性之间用逗号隔开

var person={firstname:"json",lastname:"wang"}

解释undefined和Null的区别，undefined表示变量里面不含有值，null表示把变量的值设置为空，undefined发生有两种情况1。真的没有定义，2没有赋值

如果要想看自己属于什么类型的可以使用typeof来进行检测自己的类型

---

转义字符

在项目中有很多人都用过转义字符，简单给大家发一张图片

---

获取元素方法汇总

getElementsById:表示这个方法将返回一个与对应id属性的节点对象

document.getElementById('demo') //demo是元素对应的ID

getElementsTagName: 该方法返回一个对象数组，表示返回html文档中指定的名称元素

document.getElementsTagname("li")

document.getElementById("id").getAttribute("calss");//获取id的对象的class的值

通过子节点的值

childNode.parenNode.,获取已知父节点的节点

document.getElementsByTagName(tagName)该方法是通过节点的Tag获取节点

---

运算符

算数元素符：其实跟我们后台的代码一样

var b = a++; 
var b=a--

赋值运算符元素符：跟后台代码一样，不解释了

比较运算符：一般都是返回的true或者是false，主要说一下===与==的区别。===表示类型要相同而且值也要相同，而==表示只要值相同就可以，他不会考虑类型

---

事件

1. onload：页面加载完成触发的事件
2. onresize:调整浏览器的大小时触发事件
3. onchange：当元素触发时改变事件
4. onfocus:当元素获得焦点时触发事件
5. onselect：当选种元素时触发事件
6. onsubmit：用户提交表单时触发事件
7. onclick:当触发鼠标点击时触发事件
8. onmouserover 鼠标移入时触发事件
9. onmouserout 鼠标移除时触发事件
10. onmousedown 按下鼠标时触发事件
11. onmouseup 松开鼠标触发事件
12. onmousemove 移动鼠标触发事件
13. onmousewheel 用户滚动鼠标滚轮触发事件
14. onkeydown 用户按下键盘按键时触发事件
15. onkeyup 用户松开按键时触发事件

---

总结

对于JavaScript还有很多没有深入的地方，希望通过以后的项目实践可以达到一定的水平，巩固不负有心人！收获的过程不是一个痛苦的过程！