纵有疾风起
人生不言弃

JS常用方法

String对象
1.concat方法
str1.concat(str2);//连接字符串或数组
2.charAt方法
str.charAt();//获取指定位置的字符,若位置不存在,返回空字符串
3.indexOf方法
str.indexOf();//获取指定字符的所在位置,若字符不存在,返回-1
4.split方法
str.split();//根据指定字符切割字符串,切割成一个数组
5.replace方法
str.replace(原始字符,要替换成的字符);//替换指定字符或字符串
6.substr与substring方法
str.substr(数1,数2);从第几位开始,向后截几位
str.substring(数1,数2);从第几位开始,截到第几位(不包含)

Array对象
7.join方法
arr.join();//用什么去连接数组中的每个元素
8.push方法
arr.push();//向数组的末尾添加元素,返回的是新数组,若添加的是数组,则当成字符串
9.pop方法
arr.pop();//删除最后一个元素,并返回删除的那个元素
10.reverse方法
arr.reverse();//颠倒顺序,变成倒序

Date对象
11.获取当前时间
var date = new Date();
document.write(date.toLocalString());
12.获取当前年、月、星期、天、小时、分钟、秒的方法
date.getFullYear();//返回四位数的年份
date.getMonth()+1;//返回当前月份(0-11)
date.getDay();//返回当前星期,星期日用“0”表示(0-6)
date.getDate();//返回当前的天(1-31)
date.getHours();
date.getMinutes();
date.getSeconds();
13.返回1970年1月1日至今的毫秒数
date.getTime();处理缓存(不含缓存)

Math对象
//都是静态方法,使用时可以直接使用Math.方法();
14.Math.ceil(num);//向上舍入
.floor(num);//向下舍入
.round(num);//四舍五入
.random();//得到随机数(0-1)
.pow(a,b);//a的b次方

js的全局函数
//不属于任何一个对象,直接写名称使用
15.eval();//执行js代码,如果字符串是一个js代码,则直接执行
16.encodeURL();和decodeURL();
//对字符进行编码 //对字符进行解码
17.isNaN();//判断当前字符串是否为数字,返回true或false
是数字返回false
18.parseInt();和parseFloat();

js不存在重载,且符合就近原则
会调用最后一个方法
将参数值保存在名为arguments的数组中

js的bom对象(都是在Window中操作的)
19.获取地址
location.href//获取当前页面地址
location.href=”地址”;//和按钮配合一起用,点击按钮时触发
20.历史记录
history.back();或history.go(-1);//到上一个页面
history.forward();或history.go(1);//到下一个页面
21.弹出框
alert();//确认
confirm();//点确定返回true,点取消返回false
prompt(提示字,输入框的默认内容);//输入,确定,取消
22.打开新窗口
open(“url”,””,”窗口特征(width=12,heigt=12)”);
23.定时器
.setInterval(“js代码”,毫秒数);//每隔指定毫秒数执行一次
.setTimeOut(“js代码”,毫秒数);//指定毫秒数后执行,只执行一次
.clearInterval();
.clearTimeOut();

其他知识
24.两个页面之间的简单互联
window.open(“要打开的另一个页面路径”,””,”窗口大小等”);
var pwin=window.opener;//opener表示得到创建此窗口的窗口
25.在末尾添加节点
第一步:创建li标签//var li1=document.createElement(“li”);
第二步:创建文本//var txt1=document.createTextNode(“文本”);
第三步:将文本添加到li标签末尾//li1.appendChild(txt1);
第四步:将li添加到ul下//ul.appendChild(li1);
appendChild是剪切粘贴的效果

Node对象
26.获得标签对象、属性、文本
.nodeType//标签类型
.nodeName//标签名称
.nodeValue//标签值
27.得到节点
父节点:
.parentNode
子节点:
.childNodes//兼容性不好
.firstChild .lastChild
同辈节点:
.nextSibling//得到下一个同辈节点
.previousSibling//得到上一个同辈节点

操作dom数
28.插入节点
.appendChild()//在末尾插入
父节点.insertBefore(要在哪个节点之前,要添加的节点)//在节点之前插入
29.删除节点
在父节点的基础上删掉,不能自己删除自己
父节点.removeChild(要删除的子节点);
30.替换节点
父节点.replaceChild(新节点,原节点);
31.复制节点
.cloneNode(true)布尔类型//表明复制成功
32.innerHTML
可以获取标签的内容,也可以向标签中添加内容
.innerHTML=””;

文章转载于:https://www.jianshu.com/p/56e2c132bcba

原著是一个有趣的人,若有侵权,请通知删除

未经允许不得转载:起风网 » JS常用方法
分享到: 生成海报

评论 抢沙发

评论前必须登录!

立即登录