首页 > 代码库 > js基础5

js基础5

Array数组:

unshift()、push()方法都是添加元素到数组,前者是添加元素到开始,后者则添加到结尾。都是返回数组新长度。

shift()、pop()方法都是移除数组中的元素,前者是移除最前面的元素,后者是移除最后面的元素。都是返回移除的元素。

这几个方法记了好多次,过一段时间又忘记。索性就直接查看API简单粗暴,用多了自然就记住了。

String对象:

String 对象用来处理文本。

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

通过length属性可以获取字符串的长度。

var len = "kobe";alert(len.length) //4

charAt()方法返回指定位置的字符。

var kobe = "kobe";var str = kobe.charAt(2); //b

以下两个方法都是获取字符串,前者是传入指定的长度,后者是传入起始和结束的位置。

var str = ‘hello’;alert(str.substr(0,2);//传入起始位数,截取的长度,返回的是’he’alert(str.substring(0,3))//传入开始的位置,结束的位置 <3,返回的是’hel

indexOf()返回指定的字符串在字符串中首次出现的位置。lastIndexOf()则返回指定的字符串在字符串中最后一次出现的位置。

var kobe = "kobebe";var index = kobe.indexOf("o"); //1
var l_index = kobe.lastIndexOf("e"); //5

toLowerCase()用于把字符串转换为小写。

toUpperCase()则转换为大写。

BOM指浏览器对象模型,它提供了与浏览器窗口进行交互的对象。

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

定时器是非常常用的一个工具。

setInterval()可设置循环定时器,clearInterval()可清除循环定时器。

var timer = setInterval(function(){},30);
clearInterval(timer);

setTimeout()是单次定时器,clearTimeout()可清除单次定时器。

var timer = setTimeout(function(){},1000);clearTimeout(timer);

 

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

最常用的是history.back().

这个方法可以退回到上一个页面。

 

 

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

var info = navigator.userAgent();

  

DOM (document object model) 文档对象模型,它定义了操作文档对象的接口。

DOM 把一份html文档表示为一棵家谱树,使用parent(父), child(子), sibling(兄弟)等记号 来表明家庭成员之间的关系。

节点分为:

1、元素节点

元素节点如 <body> <p> <div> 之类的元素,这些元素在文档中的布局形成了文档的结构

2、文本节点

文本节点指的是元素节点中的内容,但并非所有的元素节点都包含有文本节点。

3、属性节点

元素都或多或少有一些属性,属性的作用是对元素作出更具体的描述。属性节点总是被包含在 元素节点当中。

 

querySelector() 是HTML5新加入的方法,通过传入合法的CSS选择器,即可获取符合条件的第一个元素。

document.querySelector(".text");

  

 

js基础5