javaScript基础 02

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周六
date.getDate()     // 返回当前月的第几天
date.getMonth()    // 返回月份(0-11),用的时候+1
date.getFullYear() // 返回4位的年份

var a = 1.24325;
a.toFixed(3);  //保留几位小数

var arr = [1, 3, 4, 6, 8];
// 基本方法
Array.isArray(arr) //判断是否为数组
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("")       //数组转化为字符串，以参数(String类型)分割；无参数时默认以,分割

var arr = [1, 3, 4, 6, 8];
arr.sort() // 默认把元素转换为String后按ASCII码排序，最后String转回来

arr.sort(function compareFunction(a, b) {
  if (condition) {
    return -1; // 如果满足条件condition,那么a排到b前面
  }
  return 0;
})

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

var arr1 = ["zs", "ls"]
var arr2 = arr1.concat("ww")

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

var arr2 = [1,2,3,4,5];

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; });

arr3.some(function (value) { return value<3; });

arr3.filter(function (value) { return value>3; });

arr3.map(function (value) { return Math.pow(value,2); });

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

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

slice(start, end)     //从索引start开始，到end结束；[start,end)
substring(start, end) //同slice()
substr(start, length) //从索引start开始，截取length个字符
indexOf()             //返回数组中指定元素的第一个值的索引，不存在返回-1
lastIndexOf()         //返回数组中指定元素的最后一个值的索引，不存在返回-1
trim()                //去除字符串前后的空格
toUpperCase()         //转换成大写
toLowerCase()         //转换成小写
search("str")         //检索字符串中指定的子字符串，返回子字符串的起始位置
replace(old, new)     //替换字符串 new替换old; 只替换找到的第一个
split("")             //字符串转化成数组，以参数分割， 无参时字符串全切割

link.onclick = function(){ return false }

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

//获取元素属性
document.getElementById("box1").getAttribute("mytest")
//设置属性
document.getElementById("box1").setAttribute("id", "box2")
//移除属性
document.getElementsByTagName("div")[1].removeAttribute("id")

//<常用>对象.style
document.getElementById("b1").style = "color:red";
//对象.setAttribute("style","样式")
document.getElementById("b1").setAttribute("style", "color: red")
//对象.style.setProperty("CSS属性","CSS属性值")
document.getElementById("box1").style.setProperty("background-color","red")
//对象.style.cssText
document.getElementById("box1").style.cssText = "background-color:red; width:80px"

//<常用>对象.className
document.getElementById("b1").className = "box2";
//<常用>对象.setAttribute("class","class名")
document.getElementById("b1").setAttribute("class", "box2");