javascript需要掌握哪些,javascript的用途有哪些

大家好，给大家分享一下javascript需要掌握哪些，很多人还不知道这一点。下面详细解释一下。现在让我们来看看！

JavaScript

一、JavaScript的组成

1、ECMAScript  JavaScript的基本语法
2、DOM    文本对象模型
3、BOM    浏览器对象模型

二、数据类型

1、数字：number
2、字符串：String
3、布尔：boolean
4、未定义： undefined
5、空：null

三、等值判断

== 是用来判断值是否相等
=== 是用来判断值和引用是否严格相等

四、强制类型转换

parseInt() 强制转换为int数字

parseFloat() 强制转换为浮点型

eval（）计算字符串表达式 

五、字符串的操作

1、chatAt（index）获取字符串对应下标的字符
2、substring(Start,end) 截取字符串
3、indexOf(str,index) 从指定位置开始查找对应的字符串
4、lastIndexOf(str,index) 从最后开始查找对应字符串的位置
5、split（）分割字符串

六、数组

JavaScript 中的数组可以存贮任意类型的数据，并且可以自动的增长长度，但是存储的数据将都作为字符串存储
具有的方法：
sort（）按自然顺序排序
push() 向数组的末尾添加值
pop()移除数组中的最后一个元素

七、变量

JavaScript 中的所有变量均使用 var 关键字来定义
格式： var 变量名 = 变量值

八、对象的声明

var 对象名 = {“key”:value,"key":value....}

九、函数的定义和使用

定义：
function 函数名（）{
    方法体
    // 在方法体中又可以在定义方法，function 函数名（）{}
}
在js中很多的时候会用匿名的函数定义方式，
function(){
    方法体
}

函数的调用
方法名（）即可

// 对于匿名的函数，浏览器会默然的自动解释执行，而不需要手动调用

十、事件

onload() 页面加载时会执行的函数
onclick()鼠标的点击事件
ondblclick()双击事件
onfocus() 获得焦点事件
onchange() 内容改变事件
onblur()失去焦点事件
onkeyup()键盘的某个键被抬起事件
onkeydown()键盘的某个键被按下事件
onmouseover()鼠标的移入事件
onmouseout() 鼠标的移除事件

十一、日期 和事件的获取

获取当前的系统事件
var d = new Date();

d.getFullYear() //获取年
d.getDate  // 获取当前的天是这个月的几几天
d.getDay() // 获取当前天是这周的几几天
d.getMonth() // 获取月份
d.getHours() // 获取当前时间的小时值
d.getMinutes() // 获取当前时间的分钟值
d.getSeconds() // 获取当前时间的秒值

十二、原生js中的获取节点的方式

1、基本的查询方式

获取指定的标签对象
document.getElementById("id值") // 通过节点的ID值来过获取
document.getElementsByTagName("标签的名字") // 通过标签名称来获取，返回的是一个数组
document.getElementsByClassName(“css 的值”) // 通过css的属性值来获取
document.getElementsByName("name属性的值")  // 通过name属性的值来获取

document.querySelect("css的选择器") // 通过css的选择器来获取，只能获取第一个比配的

document.querySelectAll("css的选择器") // ton过css的选择器来获取，获取到的是所有比配的DOM元素

2、高级查询

//文档中的一切都是节点，即我们所看的空白都是一个节点
parentNode:父节点
parentElement:匹配父节元素
firstChild: 匹配第一个孩子节点
firstElementChild:匹配第一个元素节点 // 空白和文本都不算元素
lastChild: 匹配最后一个孩子节点
lastElementChild:匹配子元素中最后一个元素节点
nextSibling:匹配下一个兄弟节点
nextElementSibling:匹配下一个兄弟元素
previousSibling:前一个兄弟节点
previousElementSibling: 前一个兄弟元素

3、修改节点或者属性

createElement("元素的名称")  // 根据元素的名称创建元素

appendChild(要添加的元素) // 给元素的子元素的尾部添加元素

insertBefore(obj1,obj2) // 将obj1插入到obj2之前

getAttribute("属性名")  //获取属性值

setAttribute("属性名"，"属性值") // 设置或者添加属性
对象.属性名 = 值  // 这种方式只能在存在该属性的情况下才能使用

4、删除标签

remove() // 自己删除自己
removeChild() // 通过父节点来删除

十三、BOM中的方法

定时器
setInteravl(func,毫秒值) // 每隔多长时间执行一次func
setTimeOut(func,毫秒值) // 等多长时间后执行一次func 只执行一次
clearInterval()
clearTmieOut() // 停止定时器
window.history.forward() // 后退
window.history.back() // 前进