JavaScript中常用的方法总结

arguments：

//函数参数数组，获取实参的个数 
arguments[]; 
// 指代当前正在执行的函数 
arguments.callee(); 
//获取传给函数的实参个数 
arguments.length;

Array:

length //获取数组的长度 
concat() //连接数组 
every() // 判断函数是否对每个数组元素都为真 
filter() // 返回满足断言函数的数组元素 
forEach() // 为数组的每一个元素调用指定函数 
indexOf() // 在数组中查找匹配元素 
join() // 将数组转化为字符串 
lastIndexOf() // 在数组中反向查找 
map() // 从数组的元素中，计算出新的数组元素 
pop() // 移出数组最后一个元素 
push() //在数组尾部添加元素 
reduce() // 从数组的元素中计算出一个值 
reduceRight() // 从右到左缩减数组
reverse() // 颠倒数组元素的顺序 
shift() // 移除数组的第一个元素 
unshift() // 在数组的头部插入元素 
slice() // 返回数组的一部分 
some() //至少有一个数组元素扔函数为真 
sort() // 在原数组中对数组元素进行排序 
splice()　//　插入，删除，替换数组元素 
toLocaleString() // 将数组转化为本地字符串 
toString() // 将数组转化为字符串

Date：

new Date() // 获取当前时间 
getDate() // 获取Date对象中的月份中的日期 
getDay() // 获取一周的值 
getFullYear() // 获取年份 
getHours() // 获取小时 
getMilliseconds() // 获取毫秒值 
getMinutes() // 获取分钟 
getMonth()　//　获取月份 
getSeconds() // 获取秒数 
getTime() // 获取当前时间，以毫秒表示 
toDateString() // 返回一个当前日期的日期部分的字符串，使用本地时区 
toJSON() // 将一个Date对象JSON序列化 
toLocaleString() // 返回一个表示当前日期的日期部分的字符串 
toString() // 使用本地时区讲一个date转换为字符串 
valueOf() // 将一个Date转为对应的内部毫秒格式 
Date.now() // 返回当前时间，自纪元开始后的毫秒数 
Date.parse() // 解析一个日期及时间的字符串表示，返回该日期的内部毫秒数 
Date.UTC() // 返回指定的UTC日期及时间的毫秒数

解码与编码：

// 前端加密方式，三种 escape，encodeURI，encodeURIComponent
// 解密方式对应：   unescape，decodeURI，decodeURIComponent
let ee = '你好！JavaSeript'
let e = encodeURI(ee);
console.log(e)
let f = decodeURI(encodeURI(ee));
console.log(f);
let g = encodeURIComponent(ee);
console.log(g);
let h = decodeURIComponent(encodeURIComponent(ee));
console.log(h);
let i = escape(ee);
console.log(i);
let j = unescape(escape(ee));
console.log(j);
//双重加密
let k = encodeURIComponent(encodeURI(ee));
console.log(k);
//双重加密后的解密
let m = decodeURI(decodeURIComponent(k));
console.log(m);

Function：

apply() // 将函数作为指定对象的方法来调用，传递给它的事指定的参数数组 
bind() // 返回一个新函数，通过可选的指定参数，作为指定对象的方法调用该方法 
call() //将函数作为指定对象的方法来调用,传递给它的是指定的参数 
toString() // 返回函数的字符串表示

全局方法：

escape() // 用转义序列替换特定字符来对字符串编码 
eval() //执行JavaScript代码字符串,返回结果 
isFinite() // 判断一个值是否是无穷大 
isNaN() // 判断一个值是否是非数值 
parseFloat() // 从字符串中解析数值 
parseInt() // 从字符串中解析整数 
unescape()　//　解码使用 escape()编码的字符串

JSON：

JSON.parse() // 解析JSON格式的字符串 
JSON.stringify() //序列化对象，数组或原始值

Math：

Math.abs() // 计算绝对值 
Math.ceil() // 对一个数字向上取整 
Math.floor() // 对一个数字向下取整 
Math.log()　//　计算自然对数 
Math.max() // 返回2个数中较大的那个 
Math.min()　//　返回２个数中较小的那个 
Math.pow() // 计算x的平方 
Math.random() // 计算一个随机数 
Math.round()　//　四舍五入 
Math.sqrt()　//　计算平方根

Number：

toString() // 使用指定的进制，将一个数字转换为字符串 
valueOf() // 返回一个Number对象的原始值 
toLocaleString() // 讲一个数字转换为本地数字格式的字符串 
toFixed()　//　将一个数字转换为包含指定小数位数的字符串 
toExponential()　//　讲一个数字转换为指数计数法，在小数点后有指定位数 
toPrecision()　// 讲一个数字转换为字符串，使用指定书目的有效数字

Object：

hasOwnProperty() // 检查对象是否拥有一个指定名字的本地定义（而不是继承的）的属性 
isPrototypeOf() // 检查当前对象是不是指定对象的原型 
propertyIsEnumerable() // 检查指定名字的属性是否尊在并且可以用for/in循环枚举 
toLocaleString() //返回改对象的一个本地化的字符串表示 
toString()　//返回改对象的一个字符串表示 
valueOf() //返回当前对象的原始值 
Object.create() // 使用指定的原型及属性创建一个新的对象 
Object.defineProperties() // 创建或配置指定对象的一个或多个属性 
Object.defineProperty() // 创建或配置指定对象的某个属性 
Object.freeze() // 将制定对象设置为不可改变 
Object.getOwnPropertyDescriptor() // 查询指定对象的指定属性的特性 
Object.getOwnPropertyNames() // 返回一个包含指定对象的所有非继承属性名的数组，包括不可枚举属性 
Object.getPrototypeOf() // 返回指定对象的原型 
Object.isExtensible() // 检查对象是否能添加到新的属性中 
Object.isFrozen()　//　检查当前对象是否已冻结 
Object.isSealed() // 检查指定对象是否为封闭的 
Object.keys() // 返回一个包含指定对象的所有非继承可枚举属性名的数组 
Object.preventExtensions() // 阻止向指定对象添加新的属性 
Object.seal() // 阻止向指定对象添加新属性

String：

charAt() // 去除一个字符串中指定位置的字符 
charCodeAt() // 返回一个字符串中指定位置的字符的编码 
concat() // 将一个或多个值连接成一个字符串 
indexOf()　//　在指定字符串中寻找一个字符或子串 
lastIndexOf() // 在制定字符串中向后寻找一个字符或子串 
localeCompare() // 使用本地定义的顺序比较字符串 
match() // 使用正则表达式执行模式匹配 
replace() // 使用正则表达式执行查找与替换操作 
search()　　//　在一个字符串中查找匹配某个正则表达式的子串 
slice()　//　返回字符串的一个切片或子串 
split() // 在指定的分隔符字符串或正则表达式处断开，将一个字符串分割为由字符串组成的数组 
substr() // 提取字符串的一个子串 
substring() // 提取字符串的一个子串 
toLowerCase() //将字符转换为小写 
toUpperCase() //将字符转换为大写 
trim() // 将字符串前后的空白字符删除

document：

document.body // 获取body元素中内容 
document.charset //获取当前文档的字符编码，可以设置 
document.defaultView //显示window对象 
document.designMode // 设置为on 整个文档可编辑， contenteditable 可以设置单个元素可编辑 
document.domain // 当前文档所在服务器的主机名 
document.embeds // 获取文档中embed元素组成的类数组对象 
document.forms // 获取文档中form元素的类数组 
document.head // 获取head元素 
document.images // 获取图片 组成的数组 
document.lastModified // 定义当前文档最近修改的时间和日期 
document.links //获取所有的超链接 
document.location // 获取本地信息 
document.readyState // 如果文档仍在加载中，返回 loading ，加载完成返回 complete，当它的属性值为complete时候，浏览器会触发 readystatechange事件 
document.scripts // 获取script组成的类数组 
document.styleSheets // 获取样式表的集合 
document.title //获取title的内容 
document.URL // 获取当前文档加载的URL

document方法：

document.createElement() // 根据指定标签名 创建并返回一个新的空白节点 
document.createTextNode() // 创建一个新的text节点 
document.getElementById() // 查找id的元素节点 
document.getElementsByClassName() // 查找class的元素节点的集合 
document.getElementsByName() //查找有name值的 元素 
document.getElementsByTagName() // 查找标签名的元素合集 
document.open() // 打开新的页面 
document.close() // 关闭open方法打开的文档流 
document.querySelector() //获取css选择器选中的元素 
document.querySelectorAll() //获取css选择器选中的多个元素 
document.write() //将参数追加到文档中 
document.writeln() //将参数输出文档中添加换行

Element属性：

attributes // 获取元素的属性 
childElementCount // 获取当前元素拥有的子元素（非子节点）的数目 
children // 获取由当前Element的子Element组成的类数组对象 
classList // 获取元素的类属性 
className // 获取属性代表当前元素的class属性 
clientHeight // 返回元素的内容加内边距的高尺寸 
clientWidth // 返回元素的内容加内边距的宽尺寸 
clientLeft // 获取元素左边框的宽度 
clientTop // 获取元素顶边框的宽度 
firstElementChild // 获得第一个元素 
lastElementChild // 获得最后一个元素 
innerHTML // 获取一个元素包括标签和文本内容 
dataset // 设置以 data- 为前缀的属性赋值 
isContentEditable // 判断一个元素是否可以编辑 
nextElementSibling // 获取一个元素后的一个兄弟元素 
offsetHeight // 获取元素的高，包括内边距和边框 
offsetWidth // 获取元素的宽，包括内边距和边框 
offsetLeft // 获取当前元素左边的 x轴坐标 
offsetTop // 获取元素 上边的 y轴坐标 
offsetParent // 返回容器的父元素 ，如果父元素没有定位属性，则返回body 
previousElementSibling //返回上一个兄弟元素 
scrollHeight // 返回元素的全部高度 
scrollWidth //返回元素的全部宽度 
scrollLeft // 获取当前元素左边缘滚动过的像素数 
scrollTop // 获取当前元素上边缘滚动过的像素数 
style // 设置当前元素的内联css样式 
tagName // 获取元素的标签名 
title // 获取元素title属性的值

Element方法：

blur() // 元素失去焦点 
click() // 触发点击事件 
focus() // 元素获取焦点 
getAttribute() // 获取元素的指定名字的属性的值 
hasAttribute() // 判断一个元素是否拥有指定的属性 
removeAttribute() // 移出当前元素指定的属性 
setAttribute()　//　将元素指定属性设置为指定的值

事件：

onblur // 元素失去焦点 
onchange //用户改变表单控件内容或状态时触发 
onclick // 点击时触发 
ondblclick // 双击时触发 
ontextmenu // 上下文菜单显示时触发 
ondrag // 持续拖拽中触发 
ondragend // 拖拽结束 
ondragenter // 拖拽进入 
ondragleave // 拖拽离开 
ondragover // 持续拖拽中 
ondragstart // 开始拖拽 
ondrop // 完成拖放 
onerror // 资源加载失败 
oninput // 表单元素上发生了输入 
onkeydown // 用户按下一个键 
onkeypress //生成一个可打印字符的按键 
onkeyup // 用户释放一个键 
onload // 资源加载完成 
onmousedown // 按下一个鼠标按钮 
onmousemove // 移动鼠标 
onmouseout // 鼠标指针离开元素 
onmouseover // 鼠标指针进入元素 
onmouseup // 用户释放一个鼠标按键 
onmousewheel // 滚动鼠标滚轮 
onreset // 表单被重置 
onsubmit // 表单被提交 
onselect // 用户在表单元素中选中文本 
onscroll // 带有滚动条的元素被滚动时触发

event属性：

event.altkey // 事件发生时 alt键是否按下 
event.charCode //获取到按下键的unicode编码 
event.keyCode // 获取到按下键的unicode编码 
event.clientX // 获取鼠标x 轴的位置 
event.clientY // 获取鼠标Y轴的位置 
event.ctrlKey //事件发生时 时候按下了ctrl 
event.detail // 检查鼠标点击了几次 
event.offsetX //获取鼠标在事件元素中的x坐标 
event.offsetY //获取鼠标在事件元素中的y坐标 
event.pageX // 获取鼠标在文档中的x坐标 
event.pageY // 获取鼠标在文档中的y坐标 
event.screenX // 获取鼠标在用户显示器中的位置 不常用 screenY 
event.shiftKey // 事件发生时，是否按下了shift 
event.wheelDeltaX // 获取滚动条在x轴上滚动的值 
event.wheelDeltaY // 获取滚动条在y轴上滚动的值

event方法：

event.preventDefault() // 取消与当前事件关联的默认操作 
event.stopPropagation() // 阻止事件在捕获，目标，冒泡阶段进行传播 
event.returnValue // ie下取消默认操作 
event.cancelBubble // ie 下阻止事件冒泡

event对象：

ele.addEventListener() // 为对象注册事件 
ele.removeEventListener() // 移出对象注册的事件 
ele.attachEvent() // ie下的注册事件 
ele.detachEvent() //ie 下移除事件

location属性：

location.hash //获取锚#的部分 
location.host //获取主机名和端口 
location.hostname // 获取主机名 
location.href //文档的URL完整文本 
location.pathname // url的路径 
location.search // url查询部分

Navigator：

navigator.appName // 浏览器名字 
navigator.appVersion // 浏览器版本和平台信息 
navigator.platform // 浏览器操作系统和硬件平台 
navigator.userAgent // 浏览器用于HTTP请求的user-agent头信息

node：

ele.nodeName // 当前节点的名字 
ele.nedeType // 当前节点的类型 
ele.parentNode //当前节点的父节点 
ele.appendChild() // 插入节点 
ele.cloneNode() // 复制节点 
ele.hasChildNodes() // 判断是否有子节点 
ele.insertBefore() // 将新节点插入到文档树的前面 
ele.removeChild() // 移出一个节点 
ele.replaceChild() // 替换节点

window窗口：

alert() // 信息框 
confirm() // 对话框 
prompt() // 文本信息输入框 
clearInterval() // 清除定时器 
clearTimeout() // 清除定时器 
scrollTo() // 滚动当前window中显示的文档 
scrollBy() // 按相对量滚动文档 
setInterval() // 设置持续定时器 
setTimeout() // 设置间歇定时器

xml：

new XMLHttpRequest() // 生成 对象 
readyState // http请求的状态以及服务器的响应 
response // 保存服务器的响应 
responseText // 返回已接受到的响应部分 
responseType // 指明期望的响应类型，并判断response 的类型 
status // 服务器返回的 http 状态码 
getAllResponseHeaders() //返回服务器发送的http响应头信息 
open() //重置当前的XMLHttpRequest对象,并保存这些参数,用于后面的send方法 
send() // 发送一个http请求 
setRequestHeader() // 指定一个http请求头信息的那么和value

喜欢博主的可以点赞关注一下

---------------------------------------------------------------   END   ------------------------------------------------------------------

珍惜眼前人，莫要失去才懂珍惜~~~