在js中常用的方法

console.log(); 控制台输出
document.write('页面输出的内容') 页面输出
alert('内容') 弹框输出（警告框)

number 数值
string 字符串
boolean 布尔值
null 空
undefined 未定义
object 对象
array 数组
function 函数
typeof 检测数据类型

parseInt 强制转换为整数
parseFloat 强制转换为浮点数(小数点)
NAN 不是一个数字
if elseif else 条件判断
switch 条件判断
break 返回

while 循环
for 循环
break 直接跳出整个循环
continue 跳出本次循环

arr.push(添加的数据) 添加在数组的最后
arr.pop() 从后往前删除
arr.shift() 从前往后删除
arr.splice(起始下标,删除几个,添加的内容)
arr1.concat(arr2) 合并数组 concat 会返回一个新数组
arr.join('连接符') 变成字符串
arr.reverse() 数组翻转
arr.sort() 排序

Math.random() 随机数
Math.round() 四舍五入
Math.ceil() 向上取整
Math.floor（） 向下取整
Math.pow() 次方
Math.abs() 绝对值
Math.sqrt() 开平方
Math.max(） 最大值
Math.min() 最小值

str.charAt(下标) 找到字符的方法
str.slice(起始下标(包含),结束下标(不包含)) 截取字符串
str.indexOf（'某个字符'） 、 search（'某个字符'） 字符串第一次出现的位置
str.replace(需要替换的字符，替换成哪个字符) 替换字符串
str.split(根据哪个字符来进行分割) 变成数组
str.trim() 去除收尾空格
str1.includes(str2) 判断字符串中有没有包含某个字符，有返回true，没有返回false

date.getFullYear() 获取年
date.getMonth() 获取月
date.getDay() 获取星期几
date.getDate() 获取多少号
date.getHours() 获取时
date.getMinutes() 获取分
date.getSeconds() 获取秒
date.getMilliseconds() 获取毫秒
date.toLocaleDateString() 获取系统语言的日期 年月日
date.toLocaleString() 获取年月日时分秒

document.getElementById 通过id获取元素dom节点
document.getElementsByTagName 通过标签名获取
document.getElementsByClassName 通过class 类名
previousElementSibling 获取上一个节点
nextElementSibling 获取下一个节点
children 子集
firstElementChild 第一个子节点
lastElementChild 最后一个子节点
parentNode 父节点

querySelector 通过选择器获取一个节点
querySelectorAll 通过选择器获取一组节点

父节点.appendChild(子节点) 添加节点
父节点.removeChild(要删除的子节点) 删除节点
父节点.replaceChild(替换的新节点,要被替换的节点) 替换节点
父节点. insertBefore(要插入的节点，插到) 插入节点
节点.cloneNode() 克隆节点
父节点.removeChild(要删除的节点) 删除节点

innerHTML 文本内容包含html标签
innerText 文本内容
outerHTML 标签本身加文本内容
className class名设置
节点.classList.add 添加class
节点.classList.remove 删除class
节点.setAttribute('属性名','属性值') 设置属性
节点.getAttribute('属性名') 获取属性
节点.removeAttribute('属性名') 删除属性
getComputedStyle(节点).样式 获取样式
节点.addEventListener(事件名,事件处理函数,布尔值) 添加事件
节点.removeEventListener(事件名,事件处理函数) 销毁事件
onclick 鼠标按下并抬起
onmousedown 鼠标按下
onmouseup 鼠标抬起
onmouseover 鼠标移入
onmouseout 鼠标移出
ondblclick 鼠标双击
onmousemove 鼠标移动
onfocus 获取焦点 input框
onblur 失去焦点 input
onkeydown 键盘按下（所有键）
onkeyup 键盘弹起
onkeypress 键盘按下并抬起，只能监听非功能按键，比如ctrl就是功能键
onchange 当改变的使用用于下拉菜单和文件上传
onscroll 滚动事件
onresize 大小改变的时候
offsetX 点击的位置距离该点击元素的X轴位置
clientX 点击的位置距离浏览器可视区窗口的X位置
pageX 距离页面的坐标
window.innerWidth 获取浏览器可视区窗口宽度(不包括任务栏、控制台、工具栏，包括滚动条)
window.innerHeight 获取浏览器可视区窗口高度(不包括任务栏、控制台、工具栏，包括滚动条)
window.screenLeft 获取浏览器距离屏幕的水平位置
window.screenTop 获取浏览器距离屏幕的垂直位置
document.documentElement.clientWidth 获取文档对象的可视区窗口宽度（不包括滚动条）
document.documentElement.clientHeight 获取文档对象的可视区窗口高度（不包括滚动条）
document.documentElement.scrollTop 获取文档滚动条位置距离最上方的距离
document.documentElement.scrollLeft 获取文档滚动条位置距离最左方的距离

window.open 打开一个页面
window.location 地址栏信息
window.history 历史记录
history.go(-1) //传数字，正数向前，负数回退
history.forward() 前进一页
history.back() 后退一页

offsetWidth 元素水平方向 width + padding + border
offsetHeight 元素垂直方向 height + padding + border
clientWidth元素水平方向 width + padding
clientHeight 元素垂直方向 width + padding
offsetTop 元素到父元素的top方向的距离
offsetLeft 元素到父元素的left方向的距离
scrollWidth 元素真正内容的宽度

setTimeout 设置执行一次的定时器
setInterval 设置不断执行的定时器
clearTimeout(定时器名字)
clearInterval(定时器名字)

event 事件对象
evnet.preventDefault() 阻止浏览器默认行为