javascript 常用功能总结

209 阅读 0 评论 138 点赞

我是靠谱客的博主爱听歌大侠，最近开发中收集的这篇文章主要介绍javascript 常用功能总结，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

1.路径符号的含义
src="/js/jquery.js"、"../"这个斜杠是绝对路径的意思，表示的是网站根目录.
其他的如"./ " 、 "../" 、 "jquery.js" 、 "js/jquery.js"等等表示的都是相对当前网页的路径，是相对路径。
2.获取网站的根目录

复制代码代码如下:

 
function GetRootPath() { 
var strFullPath = window.document.location.href; 
var strPath = window.document.location.pathname; 
var pos = strFullPath.indexOf(strPath); 
var prePath = strFullPath.substring(0, pos); 
var postPath = strPath.substring(0, strPath.substr(1).indexOf('/') + 1); 
return (prePath + postPath); 
} 

3.获取url的参数

复制代码代码如下:

 
//网站的 url如： http://www.A.COM?a=12 
String.prototype.getQuery = function (name) { 
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); 
var r = this.substr(this.indexOf("?") + 1).match(reg); 
if (r != null) return unescape(r[2]); return null; 
} 
var strHref = window.location.href; 
alert(strHref.getQuery("a")); 

4. js中的函数
4.1 Math.round 四捨五入

复制代码代码如下:

 
document.write(Math.round(0.60) + "<br />") 1 
document.write(Math.round(0.50) + "<br />") 1 
document.write(Math.round(0.49) + "<br />") 0 
document.write(Math.round(-4.40) + "<br />") -4 
document.write(Math.round(-4.60)) -5 

4.2 Math.random() 返回 0 到 1 之间的随机数。

复制代码代码如下:

 
document.write(Math.random()) 
document.write(Math.floor(Math.random()*11)) Math 对象的 floor() 方法和 random() 来返回一个介于 0 和 10 之间的随机数 

4.3 isNaN() 是否是非数字，如果是非数字true，否则false
4.4 Number() 把对象的值转换为数字
4.5 parseFloat() parseInt()如果字符串的第一个字符不能被转换为数字会返回 NaN
4.6 String() 函数把对象的值转换为字符串
5.数组
5.1 数组合併成数组concat合併数组,生成新的数组,原数组不变

复制代码代码如下:

 
var arr = new Array(3)//定义数组 
arr[0] = "George" 
arr[1] = "John" 
arr[2] = "Thomas" 
var arr1 = new Array(3) 
arr1[0] = "James" 
arr1[1] = "Adrew" 
arr1[2] = "Martin" 
var arr2=arr.concat(arr1)) 

5.2 数组合併成字符串join。默认是","连接的，可以指定，如join(".")
6. 正则表达式最常用的是test(),找到是true，否则是false

复制代码代码如下:

 
var patt1=new RegExp("e"); 
document.write(patt1.test("The best things in life are free")); 

7.事件
7.1 onload 和 onUnload 页面加载，卸载时候调用
7.2 onFocus、onBlur 和 onChange 事件通常相互配合用来验证表单
<input type="text" size="30" id="email" onchange="checkEmail()">
7.3 onSubmit 用于在提交表单之前验证所有的表单域

复制代码代码如下:

 
/* 
下面是一个使用 onSubmit 事件的例子。当用户单击表单中的确认按钮时，checkForm() 函数就会被调用。假若域的值无效，此次提交就会被取消。checkForm() 函数的返回值是 true 或者 false。如果返回值为true，则提交表单，反之取消提交。 */ 
<form method="post" action="xxx.htm" onsubmit="return checkForm()"> 

8. cookie
8.1 创建

复制代码代码如下:

 
function setCookie(c_name,value,expiredays) 
{ 
var exdate=new Date() 
exdate.setDate(exdate.getDate()+expiredays) 
document.cookie=c_name+ "=" +escape(value)+ 
((expiredays==null) ? "" : ";expires="+exdate.toGMTString()) 
} 

8.2 读取

复制代码代码如下:

 
function getCookie(c_name) 
{ 
if (document.cookie.length>0) 
{ 
c_start=document.cookie.indexOf(c_name + "=") 
if (c_start!=-1) 
{ 
c_start=c_start + c_name.length+1 
c_end=document.cookie.indexOf(";",c_start) 
if (c_end==-1) c_end=document.cookie.length 
return unescape(document.cookie.substring(c_start,c_end)) 
} 
} 
return "" 
} 

9. 计时
setTimeout() 开始计时
var t=setTimeout("javascript语句",毫秒) clearTimeout(t) //停止计时
10. 打开网站
10.1 在另一个窗口打开网站 window.open()

复制代码代码如下:

 
function openW(v){ 
var str = 'width=200,height=200,left=200,top=200,status=no,scrollbars=no,' 
str += 'menubar=no,toolbar=no,resizable=no,location=no' 
window.open(v,'',str); 
} 

10.2 在同一个窗口打开网站
window.location.href ='http：//www.sohu.com' ;
11. 对象
11.1 对象定义，销毁

复制代码代码如下:

 
var oObject = new Object; 
// do something with the object here 
oObject = null; 

11.2 定义类

复制代码代码如下:

 
　　function Cat(name,color){ 
　　　　this.name = name; 
　　　　this.color = color; 
　　　　this.type = "猫科动物"; 
　　　　this.eat = function(){alert("吃老鼠");}; 
　　} 

11.3 利用JSON去构造一个对象

复制代码代码如下:

 
var People = { 
Create: function (name, age) { 
this.name = name; 
this.age = age; 
}, 
SayHello: function () { 
alert("Hello,My name is " + this.name + ".I am " + this.age); 
} 
}; 

11.4 利用prototype去构造一个对象

复制代码代码如下:

 
var Person = function (name, age) { 
this.name = name; 
this.age = age; 
}; 
Person.prototype.Introduce = function () { 
alert("My name is " + this.name + ".I'm " + this.age); 
} 