JS基础-12.10

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS基础-12.10相关的知识,希望对你有一定的参考价值。

(1)JS Date(日期)的显示:

输出当下时间:

var m=new Date();(其中Date的“D”必须要大写

console.log(m);


(2)JS中的计时器:

x.setInterval("js语句",时间)(其中时间十一毫秒作为单位,1000毫秒为1秒);

x.setTimeout("js语句",时间);

x.clearInterval("js语句",时间) 停止计时器;


(3)JS中的字符串对象:

1、

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

其中0为第一个值  eg:charAt(4)输出第四个字符值。

2、

concat()连接2个或者多个字符串。

3、

fromCharCode()从字符编码创建一个字符串。

eg:alert(string,fromCharCode());

4、

indexOf( ,start)检索字符串。

返回某个字符第一次在在字符串中出现的位置,如果未找到,则返回-1。start可以自由定义开始寻找的位置。

5、

slice(start,end)提取字符串的片断,并在新的字符串中返回被提取的部分。

start为起始位置,end为终止位置。

6、

split()

把字符串分割为字符串数组。


(4)数组对象:

(1)创建数组:var x=new Arrey[ ];

(2)数组的属性:

pop():删除数组的最后一个值并返回第一个。

shift():删除第一个元素。

push()向数组末尾添加一个或者多个数组。

unshift()向数组开始头添加一个或者多个元素。

splice()向数组中添加或删除元素。语法:splice(index,how many,item1,···,itemx);其中index表示添加或者删除的位置,how many为0表示添加,如果大于0表示删除个数,没写的话表示全部删除。new表示添加的元素项目。

reverse()反向排列数组。

join("")转化数组为字符串。

split()将字符串转化为数组。

sort()对数组元素进行排序。function softnumber(a,b){return a-b};此项为升序排序。其中花括号中也可以使用冒泡排序来对数组进行排序。


(5)节点属性;

1、

getAttribute() 方法返回属性的值。

getAttributeNode() 方法返回属性节点。

2、获取子节点:

x.childNodes[num],访问父节点x下的第num+1个子节点(计算空节点,当存在空格时会出现bug)。

x.children[num],访问父节点x下的第num+1个子节点(计算空节点,当存在空格时会出现bug)。

firstElementChild,不包含第一个子节点。

lastElemnetChild,不包含最后一个子节点。

3、获取父元素:

x.PanentNode.NodeName(获取父节点x的节点名称)

x.PanentNode.PanentNode.NodeName(获取x祖父节点)

4、兄弟元素:

previousSibling,previousElementSibling(获取前一个兄弟元素,后者包含空节点);

nextSibling,nextElementSibling(获取后一个兄弟元素,后者包含空节点);

5、offsetParent 寻找第一个有定位属性的父节点,没有找到则返回<body>.

6、x.appendChild() 父节点x后添加节点名,documnet.createElement()创建一个新元素。

7、removeChild()删除一个节点,括号中填写需要删掉的节点名。

8、replaceChild(“新元素”,“旧元素的位置”)。


(6)阻止时间冒泡的方法:

event.stopPropagation();阻止冒泡。

event.preventDefault();阻止默认事件。

在<a>标签中添加javascript:void(0)可以阻止超链接的默认事件。

return false;既可以阻止默认事件,也可以阻止冒泡事件。


(7)监听事件(支持事件的多次监听,避免时间冲突):

语法:element.addEventListener("click",function{ });所有触发事件的名称均不含有on。



以上是关于JS基础-12.10的主要内容,如果未能解决你的问题,请参考以下文章

JS基础总结—— JS执行机制与EventLoop

web--JS 基础实例汇总

Node.js权威指南 - Node.js基础知识

js基础面试题131-160道题目

js基础

Web前端-JS基础