前言
根据上一篇博客给大家做了一个整体的框架的描述,这一篇博客主要是针对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还有很多没有深入的地方,希望通过以后的项目实践可以达到一定的水平,巩固不负有心人!收获的过程不是一个痛苦的过程!