JavaScript基础知识

1.输出

输出至页面弹窗:alert()
输出至控制台:console.log()
输出至页面:document.write()

2.拼接符

作用是把左右两边的字符串进行拼接。

• 使用"+"符号：alert("姓名："+ name +"，年龄："+age+"，性别： "+sex)
• 使用${ }符号：alert('姓名：${name}，年龄：${age}，性别：${sex}')

3.for循环

• for( ; ; ){ }
  即：
  for(初始化; 循环条件; 循环后执行的语句){
  当循环条件成立时执行的语句
  }
• for (key in obj){ }
  即：
  for( 属性变量 in 需要遍历的对象){
  执行的语句:需要遍历的对象[属性变量]
  }

4.字符串对象

(1)字符串对象属性

• 返回字符串的长度：str.length

(2)字符串对象方法

let str = "abcdefg"

• 返回目标字符串在原字符串中的下标：str.indexOf('a')
• 截取字符串从开始下标截取到结束下标，不包括结束下标：str.substring(1, 3)
• 截取字符串从开始下标截取到字符串的长度：str.substr(1, 3)
• 字符串使用指定的字符分割成数组：str.split('-')

更多字符串的对象方法请点击查看

5.数组对象

(1)数组对象属性

• 返回数组的长度（元素个数）：arr.length

(2)数组对象属性

• 给数组添加一个新的元素:arr.push()
• 删除最后一个元素:arr.pop()
• 删除第一个元素:arr.shift()
• 删除/增加指定的元素段:arr.splice()
• 排序:arr.sort()
• 使用指定字符拼接元素:arr.join()
• 倒序数组:arr.reverse()

更多数组的对象方法请点击查看

6.数学对象

• 返回绝对值：Math.abs()
• 向上取整计算：Math.ceil()
• 向下取整计算：Math.floor()
• 四舍五入到整数：Math.round()
• 返回一个0-1之间的伪随机数（可能是0，但不可能为1）：Math.random()

更多数学对象的方法请点击查看

7.日期对象

• 返回日期对象的日数:date.getDate()
• 返回日期对象的周数(不过要注意，周日返回的是0):date.getDay()
• 返回日期对象的月份:date.getMonth()
• 返回日期对象的完整年份:date.getFullYear()
• 返回日期对象的小时:date.getHours()
• 返回日期对象的分钟:date.getMinutes()
• 返回日期对象的秒:date.getSeconds()
• 返回日期对象的本地日期格式:date.toLocaleString()
• 设置当前日期对象年份:date.setFullYear()

时间戳date.getTime()： 从1970年1月1日0时0分0秒到某个日期的秒数或者毫秒数，时间戳最重要的作用是用于时间的计算。

更多日期对象的方法请点击查看

8.BOM与DOM

（1）BOM：浏览器操作对象。 一般会指对浏览器本身进行操作的对象，比方说进行页面的跳转，关闭页面、弹出提示框等。

• 获取浏览器的地址:window.location.href
• 打开浏览器的地址:window.open()
• 弹出框的正式写法:window.alert()

注：由于window是根对象，所以我们可以省略去写。

更多location对象方法请点击查看

（2）DOM：文档（当前页面）操作对象。可以任意对当面页面所有元素进行操作。比方说页面中添加删除元素、修改元素等。 DOM 指的就是document对象。

• 设置或返回文档的标题:document.title
• 设置或返回文档的正文修改背景颜色document.body.bgColor

更多document对象方法请点击查看

9.获取Element对象

（1）通过ID获取元素:document.getElementById()
（2）通过class名来获取元素:document.getElementsByClassName()[0]
（3）通过name的值获取元素:document.getElementsByName()[0]
（4）通过标签名获取元素:document.getElementsByTagName()[0]
（5）通过样式选器获取元素:document.querySelectorAll() or document.querySelector()
（6）获取 id=“m” 元素的html内容:document.getElementById("m").innerHTML
（7）获取 id=“m” 元素的文本内容:document.getElementById("m").innerText

更多Element对象方法请点击查看