Math.random()  //生成随机数
Math.floor()   //向下取整
Math.ceil()    //向上取整
Math.round()   //取整，四舍五入
Math.abs()     //绝对值
Math.max()     //最大值
Math.min()     //最小值
Math.sin()     //正弦
Math.cos()     //余弦
Math.pow()     //求指数次幂
Math.sqrt()    //求平方根

var date = new Date();
date.getTime() // 获取1970年1月1日至今的毫秒数 (没什么用)
date.getMilliseconds() //返回毫秒
date.getSeconds()  // 返回0-59
date.getMinutes()  // 返回0-59
date.getHours()    // 返回0-23
date.getDay()      // 返回星期几 0周日 6周6
date.getDate()     // 返回当前月的第几天
date.getMonth()+1    // 返回月份，从0-11
date.getFullYear() // 返回4位的年份

var arr = [1, 3, 4, 6, 8];
// 基本方法
Array.isArray(arr) //判断是否为数组
arr.valueOf()      //返回数组对象本身
arr.reverse()      //翻转数组
// 数组增删方法
arr2.push(60, 70, 80);    //从最后添加一个或多个值
arr2.pop();               //从最后删除一个值
arr2.unshift(11, 22, 33); //从开始添加一个或多个值
arr2.shift();             //从开头删除一个值
// 位置方法
arr.indexOf(3);     //返回数组中指定元素的第一个值的索引，不存在返回-1
arr.lastIndexOf(7)  //从后向前找指定元素的第一个值的索引，不存在返回-1 
// 数组转化字符串
arr.join("")        //数组转化为字符串，以参数分割；无参数时输出结果为 1,2,3,4,6,8

var arr = [1, 3, 4, 6, 8];
arr.sort() // 默认排序顺序是在将元素转换为字符串，然后按照UTF-16代码单元值序列排序

arr.sort(function compareFunction(a, b) {
  if (a < b ) {           // 按某种排序标准进行比较, a 小于 b
    return -1;
  }
  if (a > b ) {
    return 1;
  }
  return 0;
})

arr.sort(compareFunction)
function compareFunction(a, b) {
    return a - b;
}

var arr1 = ["zx", "aq"]
var arr2 = arr1.concat("asd")

var arr2 = [1,2,3,4,5];
arr2.slice(0,3) //取[1,2,3]

var arr2 = [1,2,3,4,5];
arr2.splice(0,3) //取[1,2,3]

var arr3 = [1, 2, 3, 4, 5]
arr3.forEach(function (value,index) {
    console.log(value);
    console.log(index);
});

arr3.every(function (value) {
    return value<3; //返回false
});

arr3.some(function (value) {
    return value<3; //返回 true
});

arr3.filter(function (value) {
    return value>3; //返回新数组[4,5]
});

arr3.map(function (value) {
    return Math.pow(value,2); //返回新数组[1,4,9,16.25]
});

var str = 'abc';
str = 'hello';

charAt(0)        //获取指定位置处字符
str[0]          //HTML5，IE8+支持 和charAt()等效

// 拼接与截取
concat()        //拼接字符串(不常用);一般用+
//截取字符串 不会改变原字符串
slice(start, end)         //从start位置开始，截取到end位置，end取不到
substring(start, end)     //从start位置开始，截取到end位置，end取不到
substr(start, length)     // 从start位置开始，截取length个字符
// 位置方法
indexOf()         //返回指定内容在元字符串中的位置,如果没有，返回-1；(从前往后，检索到第一个就结束)
lastIndexOf()     //返回指定内容在元字符串中的位置,如果没有，返回-1；(从后往前，检索到第一个就结束)
// 字符串操作
trim()            //去除字符串前后的空格
toUpperCase()     //转换大写
toLowerCase()     //转换小写
search()          //方法用于检索字符串中指定的子字符串，返回子字符串的起始位置
replace(old, new) //替换字符串 new替换old; 只能替换找到的第一个
// 字符串转数组
split("")         //数组的元素就是以参数的分割的; 无参时整个字符串变成只有一个元素的数组

<button onclick="alert(999)">点击弹框</button>

<button onclick=fn1()>点击弹框</button>
<script>
    function fn1() { alert(888) }
</script>

<button class="btn1">点击弹框</button>
<script>
    var btn1 = document.getElementsByClassName("btn1")[0]
    btn1.onclick = function () {
        alert(666)
    }
</script>

<style>
    .div1 {
        width: 200px;
        height: 100px;
    }
    .div2 {
        width: 350px;
        height: 250px;
    } 
</style>
<div class="div1">222</div>
<script>
    var div1 = document.getElementsByClassName("div1")[0]
    div1.onclick = function () {
        document.getElementsByClassName("div1")[0].style.width = "300px"
        this.style.height = "200px"
        // 也可以修改类名
        this.className = "div2"
    }
</script>

// 只获取文本内容;修改时不会解析标签
document.getElementsByTagName("div")[0].innerText
textContent
// 会获取标签内容;修改时会解析标签
document.getElementsByTagName("div")[0].innerHTML

document.getElementById("box1").getAttribute("mytest")

document.getElementById("box1").setAttribute("id", "box2")

document.getElementsByTagName("div")[1].removeAttribute("id")

<style>
    .box2 {
        color: violet;
    }
</style>
<div id="b1">2222</div>
<script>
    document.getElementById("b1").setAttribute("class", "box2")
</script>