9.7 js进阶总结2

Posted 2020-08-07

数组元素添加

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

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);