javasctipt常用方法总结

element .querySelector( CSS 选择器 )

使用 window.alert() 弹出警告框。

• 使用 document.write() 方法将内容写到 HTML 文档中。如果在文档已完成加载后执行 document.write，整个 HTML 页面将被覆盖。
• 使用 innerHTML 写入到 HTML 元素。
• 使用 console.log() 写入到浏览器的控制台。

通过两种方式访问对象属性:

person.lastName;

person["lastName"];

match()方法

stringObject.match(字符串) //匹配字符串;stringObject.match(正则表达式) //匹配正则表达式

match()方法就是用来检索一个字符串是否存在。如果存在的话，返回要检索的字符串；如果不存在的话，返回null。

search()方法

stringObject.search(字符串)      //检索字符串;

stringObject.search(正则表达式)  //检索正则表达式

stringObject指的是字符串对象。search()方法返回的是子字符串的起始位置的下标，如果没有找到任何匹配的子串，则返回-1。

indexOf()方法

stringObject.indexOf(字符串)

返回某个指定的字符串值在字符串中首次出现的位置 如果在数组中没找到字符串则返回 -1

indexOf()方法跟search()方法差不多，跟match()方法类似，不同的是indexOf()方法返回的是字符串的位置，而match()方法返回的是指定的字符串。

replace()方法

stringObject.replace(原字符,替换字符)

stringObject.replace(正则表达式,替换字符)  //匹配正则表达式

replace()方法常常用于在字符串中用一些字符替换另一些字符，或者替换一个与 正则表达式匹配的子串。

charAt()方法

stringObject.charAt(n) n表示字符的下标

可以使用charAt()方法来获取字符串中的某一个字符。这个方法非常好用，在实际开发中也经常用到。

字符串英文大小写转化

字符串名. toLowerCase()    //将大写字符串转换为小写字符串

字符串名. toUpperCase()    //将小写字符串转换为大写字符串

连接字符串

字符串1. concat (字符串2,字符串3,…,字符串n);

按照顺序连接到字符串1的尾部，并返回连接后的字符串。

比较字符串

字符串1. localeCompare (字符串2)

比较完成后，返回值是一个数字。

（1）如果字符串1小于字符串2，则返回小于0的数字；

（2）如果字符串1大于字符串2，则返回数字1；

（3）如果字符串1等于字符串2，则返回数字0；

分割字符串

字符串. split (分割符)

split()方法把一个字符串分割成字符串数组。

分割符可以是一个字符、多个字符或一个 正则表达式。分割符并不作为返回数组元素的一部分。开发中经常会用到

从字符串提取字符串

字符串. substring (开始下标,结束下标)

可以使用substring()方法来提取字符串中的某一部分字符串。

创建Date对象

var 日期对象名 = new Date() ;

var 日期对象名 = new Date(日期字符串);

Date对象方法

用于获日期时间的getXxx

用于设置日期时间的setXxx

getFullYear() getMonth() getDate() getHours() getMinutes() getSeconds()

getMonth()返回值是0（一月）到11（十二月）之间的一个整数

var my_month=d.getMonth()+1;这句代码使用了“+1”。其实，那是因为getMonth()方法返回值是0（一月）到11（十二月）之间的一个整数，所以必须加1月份才正确。

将日期时间转换为字符串的toXxx

toString() 将日期时间转换为普通字符串

toUTCString() 将日期时间转换为世界时间（UTC）格式的字符串

toLocaleString() 将日期时间转换为本地时间格式的字符串

js获取星期几

<script type="text/javascript">

        var d = new Date();

        var weekday = new Array(7);

        weekday[0] = "星期日";

        weekday[1] = "星期一";

        weekday[2] = "星期二";

        weekday[3] = "星期三";

        weekday[4] = "星期四";

        weekday[5] = "星期五";

        weekday[6] = "星期六";

        document.write("getUTCDay()获取数组下标是："+d.getUTCDay()+"<br>");

        document.write("今天是：" + weekday[d.getUTCDay()]);

    </script>

Array对象方法

方法	说明
slice() 数组对象.slice(start,end)	获取数组中的某段数组元素
unshift() 数组对象.unshift(新元素1,新元素2,…,新元素n);	在数组开头添加元素
push() 数组对象.push(新元素1,新元素2,…,新元素n);	在数组末尾添加元素
shift() 数组对象.shift();	删除数组中第一个元素
pop() 数组对象.pop();	删除数组最后一个元素
toString() 数组对象.toString()	将数组转换为字符串
join() 数组对象.join("分隔符")	将数组元素连接成字符串
concat() 数组1.concat(数组2,数组3,…,数组n)	多个数组连接为字符串concat，就是“合并”的意思。
sort() 数组对象.sort(函数名)	数组元素正向排序
reverse() 数组对象.reverse();	数组元素反向排序

 <script type="text/javascript">

        //升序比较函数

        function asc(a,b)

        {

             return a-b; //排序是需要有这连个参数才能完成正常排序

        }

        //降序比较函数

        function des(a,b)

        {

             return b-a; //排序是需要有这连个参数才能完成正常排序

        }

        //创建数组的同时对元素赋值

        var arr=new Array(3,9,1,12,50,21);

        document.write("排序前的数组元素"+arr.join(","));

        document.write("<br/>");

        arr.sort(asc);

        document.write("升序后的数组元素"+arr.join(","));

        document.write("<br/>");

        arr.sort(des);

        document.write("降序后的数组元素"+arr.join(","));

    </script>

Math对象

对象名.属性

对象名.方法

Math对象是无需使用new关键词创建的，因此我们可以直接调用Math对象的属性和方法。

Math对象的属性

E	返回算术常量e，即自然对数的底数（约等于2.718）
LN2	返回2的自然对数（约等于0.693）
LN10	返回10的自然对数（约等于2.302）
LOG2E	返回以2为底的e的对数（约等于1.414）
LOG10E1	返回以10为底的e的对数（约等于0.434）
PI	返回圆周率（约等于3.14159）
SORT1_2	返回2的平方根的倒数（约等于0.707）
SORT2	返回2的平方根（约等于1.414）

Math对象的方法

abs(x) Math.abs(x) absolute的缩写	返回数的绝对值
acos(x)	返回数的反余弦值
asin(x)	返回数的反正弦值
atan(x)	以介于-π/2与π/2弧度之间的数值来返回x的反正切值
atan2(y,x)	返回从x轴到点（x,y）的角度（介于-π/2与π/2弧度之间）
ceil(x)	对数进行上舍入
cos(x)	返回数的余弦
exp(x)	返回e的指数
floor(x)	对数进行下舍入
log(x)	返回数的自然对数(底为e)
max(x,y) Math.max(数1,数2,…,数n)	返回x和y中的最大值
min(x,y) Math.min(数1,数2,…,数n)	返回x和y中的最小值
pow(x,y)	返回x的y次幂
random() Math.random()	返回0~1之间的随机数 随机数非常有用，其中验证码就可以使用random()方法实现
round(x) Math.round(x)	把数四舍五入为最接近的整数
sin(x)	返回数的正弦
sqrt(x) Math.sqrt(x)	返回数的平方根
tan(x)	返回角的正切
toSource()	返回该对象的源代码
valueOf()	返回Math对象的原始值

window对象方法

open()、close()	打开窗口、关闭窗口
resizeBy()、resizeTo()	改变窗口大小
moveBy()、moveTo()	移动窗口
setTimeout()、clearTimeout()	设置或取消“一次性”执行的定时器
setInterval()、clearInterval()	设置或取消“重复性”执行的定时器

定时器

（1） setTimeout()和 clearTimeout();

var 变量名 = setTimeout(code , time);

参数code可以是一段代码，也可以是一个调用的函数名；

参数time表示时间，表示要过多长时间才执行code中的内容，单位为毫秒。

（2） setInterval()和clearInterval()； 重复”调用函数

var 变量名 = setInterval (code , time);

setTimeout()方法与setInterval()方法的语法很相似，实际上这两者在用法方面区别非常大。其中setTimeout()方法内的代码只会执行一次，而setInterval()方法内的代码会重复执行，除非你使用clearInterval()方法来取消执行。

（1） alert()：仅有提示文字，没有返回值；

（2） confirm()：具有提示文字，返回“布尔值”（true或false）,有"确定"和"取消"按钮；

（3） prompt()：具有提示文字，返回“字符串”,有"确定"和"取消"按钮,还有输入框；

DOM对象节点属性

parentNode	获取当前节点的父节点
childNodes	获取当前节点的子节点集合
firstChild	获取当前节点的第一个子节点
lastChild	获取当前节点的最后一个子节点
previousSibling	获取当前节点的前一个兄弟节点
nextSibling	获取当前节点的后一个兄弟节点
attributes	元素的属性列表

JavaScript创建节点

var e = document. createElement ("元素名");   //创建元素节点

var t = document .createTextNode ("元素内容");  //创建文本节点

e. appendChild (t);               //把元素内容插入元素中去

创建节点

创建新节点都是先用document对象中的createElement()和createTextNode()这2种方法创建一个元素节点，然后再通过appendChild()、insertBefore()等方法把新元素节点插入现有的元素节点中去

<input id="submit" type="button" value="提交"/>

 <script type="text/javascript">

        var e = document.createElement("input");

        e.id = "submit";

        e.type = "button";

        e.value = "提交";

        document.body.appendChild(e);

    </script>

插入节点

obj.appendChild(new)

obj.insertBefore(new,ref)

说明：

obj表示父节点；

new表示新的子节点；

ref指定一个节点，在这个节点前插入新的节点。

删除节点

obj.removeChild(oldChild);

复制节点

obj.cloneNode(bool)

替换节点

obj.replaceChild(new,old)

innerHTML和innerText

设置或返回表格行的开始和结束标签之间的 HTML。

innerHTML属性被多数浏览器所支持，而innerText只能被IE、chrome等支持而不被Firefox支持。

JavaScript操作CSs

obj.style.属性名;

S属性名使用“ 骆驼峰”型的CSS属性名 font-size”应该写成“fontSize”，“border-bottom-width”应该写成“borderBottomWidth”

IsNumeric () 检测变量是否为数字或数字字符串

validity 布尔属性值，返回 input 输入值是否合法

frame 框架

简单数组去重

var arr = ['abc','abcd','sss','2','d','t','2','ss','f','22','d'];//定义一个新的数组var s = [];//遍历数组for(var i = 0;i < arr .length;i++){ if(s.indexOf(arr[i]) == -1){ //判断在s数组中是否存在，不存在则push到s数组中 s.push(arr[i]); }}console.log(s);//输出结果：["abc", "abcd", "sss", "2", "d", "t", "ss", "f", "22"]

判断是不是字母

var str = /^[A-Za-z]*$/;

if (str.test(value))

{

}

splice() 方法向/从数组中添加/删除项目，然后返回被删除的项目。

eval() 函数

eval() 函数可计算某个字符串，并执行其中的的 JavaScript 代码。

eval(string)

eval()函数使用不当表达式会跑出evalerror异常,可以使用try{}catch{}来捕获异常.

<script>eval("x=10;y=20;document.write(x*y)") //200document.write(eval("2+2")) //4var x=10 document.write(eval(x+17)) //27</script>

apply方法：

语法：apply([thisObj[,argArray]])

定义：应用某一对象的一个方法，用另一个对象替换当前对象。

call方法:

语法：call([thisObj[,arg1[, arg2[,   [,.argN]]]]])

定义：调用一个对象的一个方法，以另一个对象替换当前对象。

z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。

注释：Z-index 仅能在定位元素上奏效（例如 position:absolute;）