2020-01-01 js中一些常用单词

Math.PI    圆周率

Math.round() 四舍五入

Math.random() 生成一个0到1之间的浮点数，包括0 不包括1

Math.cell()  向上取整

Math.floor() 向下取整

Math.abs() 取绝对值

Math.max() 取最大值

Math.min() 取最小值

setInterval()

clearInterval()

setTimeout()

clearTimeout()

new Date()实例化当前时间

getFullYear()年

getMonth()月

getDate()日

getDay()星期

getHours()时

getMinutes()分

getSeconds()秒

getTime() 返回1970 1.1日到当前时间的毫秒

toLocaleString 转换为本地时间字符串

字符串

length长度

indexOf()查找下标

charAt()返回下标对应字符

lastIndexOf()从后开始查找下标

substr()截取字符串 从a开始 长度b

substring截取字符串 从a开始 到b

form 表单

action 动作

blur失去焦点

value 值

Array 数组

length 长度

split 字符串分割为数组

join 数组连接为字符串

sort 排序

reverse 翻转

---

push 从后添加

pop 删除最后一个

unshift 从前面添加

shift从前面删除

splice(from,delete,add)从第几个，删除几个，添加元素

concat 合并

---

JSON

parse(str) 把字符串str转换为js对象

stringify(obj)把obj对象转换为json字符串

eval(str)把str字符串当js代码执行

for in遍历无序对象

---

javascript组成 = ECMAScript语法+BOM+DOM

window.screen屏幕

width屏幕宽

height屏幕高

availWidth可用宽

availHeight可用高

window.location地址

href 网址

reload刷新

assgin(url)打开url

replace(url)打开url 不留历史记录

----

window.history历史记录

length长度

back()后退

forward()前进

go()跳转

window.navigator() 导航对象

userAgent浏览器头信息，可用根据它判断当前是什么浏览器

open(url,name,feature)打开一个新的窗口

feature(width="200px";height="200px")

窗口的宽高距离左上角的位置

----

document文档

getElementById(id)通过id获取元素

getElementsByTagName (tag)通过标签获取元素

getElementsByClassName 通过类名获取元素

getElementsByName通过名称获取元素

querySelector(css)通过css选择器获取元素

querySelectorAll(css)通过css选择器获取元素 多个

innerHTML html文本内容

innerText文本内容

classList 类列表

add（）添加类

remove（） 删除类

toggle（） 切换类

el.style.属性 = xxx 设置元素的行内css样式

el.style.fontSize="14px";

document.body  body标签

event 事件

onclick 单击

onsubmit 提交事件

onblur 失去焦点

onfocus  获取焦点

onchange 发生改变

---

setAttribute(k,v) 设置节点属性

getAttribute(k) 获取节点属性

parent 父亲

children 子（多个）

first 第一个

last  最后

Element元素

previous    上一个

next 下一个

insert    插入

Before    之前

insertRow(ind)    插入行

insertCell(ind)  插入列

rowIndex  第几行

deleteRow(ind)  删除行

parentElement 父元素节点

children子节点

firstElementChild 第一个元素节点

lastElementChild最后一个元素节点

nextElementSibling下一个兄弟元素节点

previousElementSibling上一个兄弟元素节点

appendChild()插入子元素

insertBefore(new,before)插入到前面

createElement(str)创建节点

nodeType      节点类型 1元素节点 3 文本节点

nodeName    节点的名称

nodeValue    节点的值

defaultView 默认视图

getComputedStyle(el,null) 获取计算样式

clientHeight内容高

offsetHeight边框+内容高

scrollHeight内容+滚动区域高

scrollTop顶部滚动的距离

scrollLeft左侧滚动的距离

documentElement文档根节点

innerWidth浏览器可视宽

innerHeight浏览器可视高

getBoundingClientRect() 获取到该元素的宽高距离信息

offsetTop 顶部偏移值

add添加

Event事件

Listener监听器

remove 移除

addEventListener(事件名,事件处理函数)

removeEventLister(事件名,事件处理函数)

移除事件监听器

事件的参数event

target 事件的目标

offsetX 相对于当前事件对象的左上角

offsetY

pageX

pageY 相对于页面的左上角

clientX 相对于浏览器可视区域

clientY