javaScrip学习笔记

标签：数组   javascript   dom   

  最近有些许空闲时间，想学习一下前端的东西就计划从javaScript入手。一边看书一边胡乱记下笔记。

JavaScript内置对象

隐藏和显示：

语法：Object.style.display = value

注意:Object是获取的元素对象，如通过document.getElementById("id")获取的元素。value：none（显示），block（隐藏）。

Date 日期对象：

说明：日期对象可以储存任意一个日期，并且可以精确到毫秒数（1/1000 秒）。

String字符串对象：

charAt()

说明： 方法可返回指定位置的字符。返回的字符是长度为 1 的字符串。
语法：stringObject.charAt(index)
注意：
1.字符串中第一个字符的下标是 0。最后一个字符的下标为字符串长度减一（string.length-1）。
2.如果参数 index 不在 0 与 string.length-1 之间，该方法将返回一个空字符串。

indexOf()：

说明：方法返回某个指定的字符串值在字符串中首次出现的位置。

语法：stringObject.indexOf(substring, startpos)。

注意：

1.该方法将从头到尾地检索字符串 stringObject，看它是否含有子串 substring。
2.可选参数，从stringObject的startpos位置开始查找substring，如果没有此参数将从stringObject的开始位置查找。
3.如果找到一个 substring，则返回 substring 的第一次出现的位置。

split():
说明：方法将字符串分割为字符串数组，并返回此数组。
语法：stringObject.split(separator(必需),limit(可选：分割次数，返回的数组不会多余这个参数))。
注意：

如果把空字符串 ("") 用作 separator，那么字符串中的每个字符之间都会被分割。

substring()：

说明：用于提取字符串中介于两个指定下标之间的字符。
语法：stringObject.substring(starPos,stopPos)。

注意：

1. 返回的内容是从 start开始(包含start位置的字符)到 stop-1 处的所有字符，其长度为 stop 减start。
2. 如果参数 start 与 stop 相等，那么该方法返回的就是一个空串（即长度为 0 的字符串）。
3. 如果 start 比 stop 大，那么该方法在提取子串之前会先交换这两个参数。

substr()：

说明：从字符串中提取从 startPos位置开始的指定数目的字符串。

语法：stringObject.substr(startPos,length)；

注意：

如果参数startPos是负数，从字符串的尾部开始算起的位置。也就是说，-1 指字符串中最后一个字符，-2 指倒数第二个字符，以此类推。如果startPos为负数且绝对值大于字符串长度，startPos为0。

Array 数组对象：
数组对象是一个对象的集合，里边的对象可以是不同类型的。数组的每一个成员对象都有一个“下标”，用来表示它在数组中的位置，是从零开始的
数组定义的方法：
1. 定义了一个空数组:
var  数组名= new Array();
2. 定义时指定有n个空元素的数组：
var 数组名 =new Array(n);
3.定义数组的时候，直接初始化数据：
var  数组名 = [<元素1>, <元素2>, <元素3>...];
数组属性：
length 用法：<数组对象>.length；返回：数组的长度，即数组里有多少个元素。它等于数组里最后一个元素的下标加一。

二、Math对象：

说明：Math 对象是一个固有的对象，无需创建它，直接把 Math 作为对象使用就可以调用其所有属性和方法。这是它与Date,String对象的区别。

三、windows对象：

说明：window对象是BOM的核心，window对象指当前的浏览器窗口。

计时器setInterval()：

说明：在执行时,从载入页面后每隔指定的时间执行代码。

语法：setInterval(代码,交互时间);

1. 代码：要调用的函数或要执行的代码串。
2. 交互时间：周期性执行或调用表达式之间的时间间隔，以毫秒计（1s=1000ms）。
返回值:一个可以传递给 clearInterval() 从而取消对"代码"的周期性执行的值。

取消计时器clearInterval()：

说明：clearInterval() 方法可取消由 setInterval() 设置的交互时间。

语法：clearInterval(id_of_setInterval)。

参数说明:id_of_setInterval：由 setInterval() 返回的 ID 值。

计时器setTimeout()：

说明：setTimeout()计时器，在载入后延迟指定时间后,去执行一次表达式,仅执行一次。

语法：setTimeout(代码,延迟时间);
参数说明：
1. 要调用的函数或要执行的代码串。
2. 延时时间：在执行代码前需等待的时间，以毫秒为单位（1s=1000ms)。

取消计时器clearTimeout():

同clearInterval()类似。

四、Location对象：

说明：location用于获取或设置窗体的URL，并且可以用于解析URL。

语法：location.[属性|方法]。

location 对象方法:

五、Navigator对象

说明：Navigator 对象包含有关浏览器的信息，通常用于检测浏览器与操作系统的版本。

六、DOM对象

访问兄弟节点：
1. nextSibling 属性可返回某个节点之后紧跟的节点（处于同一树层级中）。
语法：nodeObject.nextSibling
说明：如果无此节点，则该属性返回 null。
2. previousSibling 属性可返回某个节点之前紧跟的节点（处于同一树层级中）。
语法：nodeObject.previousSibling 
说明：如果无此节点，则该属性返回 null。
注意: 两个属性获取的是节点。Internet Explorer 会忽略节点间生成的空白文本节点（例如，换行符号），而其它浏览器不会忽略。

插入节点appendChild()：

说明：在指定节点的最后一个子节点列表之后添加一个新的子节点。
语法:appendChild(newnode)
参数:newnode：指定追加的节点。

插入节点insertBefore()：
insertBefore() 方法可在已有的子节点前插入一个新的子节点。
语法:insertBefore(newnode,node);
参数:newnode: 要插入的新节点。node: 指定此节点前插入节点。

删除节点removeChild()：
removeChild() 方法从子节点列表中删除某个节点。如删除成功，此方法可返回被删除的节点，如失败，则返回 NULL。
语法:nodeObject.removeChild(node)
参数:node ：必需，指定需要删除的节点

替换元素节点replaceChild()：
replaceChild 实现子节点(对象)的替换。返回被替换对象的引用。
语法：node.replaceChild (newnode,oldnew )
参数：
newnode : 必需，用于替换 oldnew 的对象。
oldnew : 必需，被 newnode 替换的对象。

创建元素节点createElement：
createElement()方法可创建元素节点。此方法可返回一个 Element 对象。
语法：document.createElement(tagName)
参数：tagName：字符串值，这个字符串用来指明创建元素的类型。
注意：要与appendChild() 或 insertBefore()方法联合使用，将元素显示在页面中。

创建文本节点createTextNode：
createTextNode() 方法创建新的文本节点，返回新创建的 Text 节点。
语法：
document.createTextNode(data)
参数：
data : 字符串值，可规定此节点的文本。

本文出自 “思想要足够的坏” 博客，请务必保留此出处http://mjldhc.blog.51cto.com/8569563/1622316

javaScrip学习笔记

标签：数组   javascript   dom   

原文地址：http://mjldhc.blog.51cto.com/8569563/1622316