9.7 js进阶总结2

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了9.7 js进阶总结2相关的知识,希望对你有一定的参考价值。

数组元素添加

将一个或多个新元素添加到数组结尾,并返回数组新长度

var week_len = week.push(‘星期四’,‘星期五’);

将一个或多个新元素添加到数组开始,数组中的元素自动后移,返回数组新长度

var week_len = week.unshift(‘星期日’);

将一个或多个新元素插入到数组的指定位置,插入位置的元素自动后移,返回""。

arr3.splice(0,0,“abc”);

document.write(arr3[0]);

数组元素删除

var del = ["aa",23,345,56,34,"bb"];

var del_last = del.pop();        //移除最后一个元素并返回该元素值

var del_first = del.shift();      //移除最前一个元素并返回该元素值,数组中元素自动前移

var del_arr = del.splice(0,2); //删除从指定位置deletePos开始的指定数量deleteCount的元素,数组形式返回所移除的元素

document.write(del_arr);

string对象

string对象用来处理文本。

事实上任何一个字符串常量都是一个string对象,可以将其直接作为对象来使用。

获得字符串长度:

length属性:

var str= “hello”,

str2= “你好”;

alert(str.length);

alert(str2.length);

 

提取字符串:

charAt()方法

var str= “HELLO WORLD”,

n = str.charAt(2);

 

substr()方法

var str = ‘hello’;

alert(str.substr(0,2);

 

substring()方法

alert(str.substring(0,3))

查找替换字符串:

indexOf()和lastIndex()方法

var str="Hello world, welcome to the universe.";

alert(str.indexOf(“welcome”);

alert(str.lastIndexOf(‘e’));

 

replace()方法

var str="Visit Microsoft!";

var n=str.replace("Microsoft","W3CSchool");

 

search()方法

var str="Visit W3CSchool!";

var n=str.search(“W3CSchool”);

window对象

window对象表示整个浏览器窗口

定时器setInterva() , setTimeout()

定时器可以说是js前端最常用的工具,几乎所有的逐渐变化的动态效果都会使用到定时器,比如说图片滚动,渐隐渐现,拖拽等等.定时器分两种分别是settimeout和setinterval.

window.setInterval();   设置循环定时器

var T = window.setInterval(test,1000);  test:执行的代码串或函数  设置1000毫秒

 

window.clearInterval();  清除循环定时器

window.clearInterval(T);

 

window.setTimeout();    设置单次定时器

var T = setTimeout(test,1000);  test:执行的代码串或函数   设置1000毫秒

 

window.clearTimeout()    清除单次定时器

clearTimeout();

history对象

history对象是window对象的子对象,对应于浏览器的历史记录。

window.history.go(-1);

window.history.go(1);

 

history.back();

history.forward(); 

Location对象

Location对象也是window对象的子对象,通过它可以获取或设置浏览器的当前地址。

1.跳转到其他页面

window.location.href = "http://www.163.com";

location.href = "http://www.163.com";

2.重新载入页面(刷新)

location.reload();

navigator对象

navigator对象包含着有关web浏览器的信息,它也是window的属性,可以用window.navigator引用它,也可以用navigator引用

var info= navigatorAgent;

alert(info);

以上是关于9.7 js进阶总结2的主要内容,如果未能解决你的问题,请参考以下文章

ES6 常用总结(前端开发js技术进阶提升总结)

ES6 小结(前端开发js技术进阶提升总结)

vue进阶知识总结

vue进阶知识总结

vue进阶知识总结

Vue进阶(幺玖陆):js保留两位小数方法总结