js常用函数和事件

1.常规函数
　　javascript常规函数包括以下9个函数：
　　(1)alert函数：显示一个警告对话框，包括一个OK按钮。
　　(2)confirm函数：显示一个确认对话框，包括OK、Cancel按钮。
　　(3)escape函数：将字符转换成Unicode码。
　　(4)eval函数：计算表达式的结果。
　　(5)isNaN函数：测试是(true)否(false)不是一个数字。
　　(6)parseFloat函数：将字符串转换成符点数字形式。
　　(7)parseInt函数：将符串转换成整数数字形式(可指定几进制)。
　　(8)prompt函数：显示一个输入对话框，提示等待用户输入。例如：
　　(9)unescape函数：解码由escape函数编码的字符。

 2.数组函数 

　　javascript数组函数包括以下4个函数：
　　(1)join函数：转换并连接数组中的所有元素为一个字符串。例: 程序代码

function JoinDemo() { 
        var a, b; 
        a = new Array(0,1,2,3,4); 
        b = a.join("-");//分隔符 
        return(b);//返回的b=="0-1-2-3-4" 
}

　(2)length函数：返回数组的长度。例：  程序代码

 function LengthDemo() { 
　　　var a, l; 
　　　a = new Array(0,1,2,3,4); 
　　　l = a.length; 
　　　return(l);//l==5 
}

　　(3)reverse函数：将数组元素顺序颠倒。例： 程序代码

function ReverseDemo() {
　　var a, l; 
　　a = new Array(0,1,2,3,4); 
　　l = a.reverse(); 
　　return(l); 
}  

　　(4)sort函数：将数组元素重新排序。例：

function SortDemo() {
　　var a, l; 
　　a = new Array("X" ,"y" ,"d", "Z", "v","m","r"); 
　　l = a.sort(); 
　　return(l); 
}  

3.日期函数 

　　javascript日期函数包括以下20个函数：
　　(1)getDate函数：返回日期的“日”部分，值为1～31。例：

function DateDemo() { 
　　var d, s = "Today's date is: "; 
　　d = new Date(); 
　　s += (d.getMonth() + 1) + "/"; 
　　s += d.getDate() + "/"; 
　　s += d.getYear(); 
　　return(s); 
}  

　　(2)getDay函数：返回星期几，值为0～6，其中0表示星期日，1表示星期一，...，6表示星期六。例： 

 function DateDemo() { 
　　var d, day, x, s = "Today is: "; 
　　var x = new Array("Sunday", "Monday", "Tuesday"); 
　　var x = x.concat("Wednesday","Thursday", "Friday"); 
　　var x = x.concat("Saturday"); 
　　d = new Date(); 
　　day = d.getDay(); 
　　return(s += x[day]); 
　}  

　　(3)getHouse函数：返回日期的“小时”部分，值为0～23。例。 

 function TimeDemo() { 
　　　　var d, s = "The current local time is: "; 
　　　　var c = ":"; 
　　　　d = new Date(); 
　　　　s += d.getHours() + c; 
　　　　s += d.getMinutes() + c; 
　　　　s += d.getSeconds() + c; 
　　　　s += d.getMilliseconds(); 
　　　　return(s); 
}  

　　(4)getMinutes函数：返回日期的“分钟”部分，值为0～59。见上例。 

　　(5)getMonth函数：返回日期的“月”部分，值为0～11。其中0表示1月，2表示3月，...，11表示12月。见前面的例子。
　　(6)getSeconds函数：返回日期的“秒”部分，值为0～59。见前面的例子。
　　(7)getTime函数：返回系统时间。

 function GetTimeTest() { 
　　　　var d, s, t; 
　　　　var MinMilli = 1000 * 60; 
　　　　var HrMilli = MinMilli * 60; 
　　　　var DyMilli = HrMilli * 24; 
　　　　d = new Date(); 
　　　　t = d.getTime(); 
　　　　s = "It's been " 
 　　　　s += Math.round(t / DyMilli) + " days since 1/1/70"; 
 　　　　return(s); 
}  

　　(8)getTimezoneOffset函数：返回此地区的时差(当地时间与GMT格林威治标准时间的地区时差)，单位为分钟。 

 function TZDemo() { 
 　　　　var d, tz, s = "The current local time is "; 
 　　　　d = new Date(); 
 　　　　tz = d.getTimezoneOffset(); 
 　　　　if (tz < 0) 
 　　　　s += tz / 60 + " hours before GMT"; 
 　　　　else if (tz == 0) 
 　　　　s += "GMT"; 
 　　　　else 
 　　　　s += tz / 60 + " hours after GMT"; 
 　　　　return(s); 
} 

　　(9)getYear函数：返回日期的"年"部分。返回值以1900年为基数，例如1999年为99。前面有例子。 
　　(10)parse函数：返回从1970年1月1日零时整算起的毫秒数(当地时间)。 

 function GetTimeTest(testdate) { 
 　　　　var d, s, t; 
 　　　　var MinMilli = 1000 * 60; 
 　　　　var HrMilli = MinMilli * 60; 
 　　　　var DyMilli = HrMilli * 24; 
 　　　　d = new Date(); 
 　　　　t = Date.parse(testdate); 
 　　　　s = "There are " 
 　　　　s += Math.round(Math.abs(t / DyMilli)) + " days " 
 　　　　s += "between " + testdate + " and 1/1/70"; 
 　　　　return(s); 
} 

　　(11)setDate函数：设定日期的"日"部分，值为0～31。 
　　(12)setHours函数：设定日期的"小时"部分，值为0～23。 
　　(13)setMinutes函数：设定日期的"分钟"部分，值为0～59。 
　　(14)setMonth函数：设定日期的"月"部分，值为0～11。其中0表示1月，...，11表示12月。 
　　(15)setSeconds函数：设定日期的"秒"部分，值为0～59。 
　　(16)setTime函数：设定时间。时间数值为1970年1月1日零时整算起的毫秒数。 
　　(17)setYear函数：设定日期的"年"部分。 
　　(18)toGMTString函数：转换日期成为字符串，为GMT格林威治标准时间。 
　　(19)setLocaleString函数：转换日期成为字符串，为当地时间。 
　　(20)UTC函数：返回从1970年1月1日零时整算起的毫秒数，以GMT格林威治标准时间计算。 

4.数学函数 
　　javascript数学函数其实就是Math对象，它包括属性和函数(或称方法)两部分。其中，属性主要有下列内容。 
　　Math.e:e(自然对数)、Math.LN2（2的自然对数)、Math.LN10(10的自然对数)、Math.LOG2E(e的对数，底数为2)、   

      Math.LOG10E(e的对数，底数为10)、Math.PI(π)、Math.SQRT1_2(1/2的平方根值)、Math.SQRT2(2的平方根值)。 
　　函数有以下18个： 
　　(1)abs函数：即Math.abs(以下同)，返回一个数字的绝对值。 
　　(2)acos函数：返回一个数字的反余弦值，结果为0～π弧度(radians)。 
　　(3)asin函数：返回一个数字的反正弦值，结果为-π/2～π/2弧度。 
　　(4)atan函数：返回一个数字的反正切值，结果为-π/2～π/2弧度。 
　　(5)atan2函数：返回一个坐标的极坐标角度值。 
　　(6)ceil函数：返回一个数字的最小整数值(大于或等于)。 
　　(7)cos函数：返回一个数字的余弦值，结果为-1～1。 
　　(8)exp函数：返回e(自然对数)的乘方值。 
　　(9)floor函数：返回一个数字的最大整数值(小于或等于)。 
　　(10)log函数：自然对数函数，返回一个数字的自然对数(e)值。 
　　(11)max函数：返回两个数的最大值。 
　　(12)min函数：返回两个数的最小值。 
　　(13)pow函数：返回一个数字的乘方值。 
　　(14)random函数：返回一个0～1的随机数值。 
　　(15)round函数：返回一个数字的四舍五入值，类型是整数。 
　　(16)sin函数：返回一个数字的正弦值，结果为-1～1。 
　　(17)sqrt函数：返回一个数字的平方根值。 
　　(18)tan函数：返回一个数字的正切值。 

5.字符串函数 
　　javascript字符串函数完成对字符串的字体大小、颜色、长度和查找等操作，共包括以下20个函数： 
　　(1)anchor函数：产生一个链接点(anchor)以作超级链接用。anchor函数设定的链接点的名称，另一个函数link设定的URL地址。 
　　(2)big函数：将字体加到一号，与...标签结果相同。 
　　(3)blink函数：使字符串闪烁，与...标签结果相同。 
　　(4)bold函数：使字体加粗，与...标签结果相同。 
　　(5)charAt函数：返回字符串中指定的某个字符。 
　　(6)fixed函数：将字体设定为固定宽度字体，与...标签结果相同。 
　　(7)fontcolor函数：设定字体颜色，与标签结果相同。 
　　(8)fontsize函数：设定字体大小，与标签结果相同。 
　　(9)indexOf函数：返回字符串中第一个查找到的下标index，从左边开始查找。 
　　(10)italics函数：使字体成为斜体字，与...标签结果相同。 
　　(11)lastIndexOf函数：返回字符串中第一个查找到的下标index，从右边开始查找。 
　　(12)length函数：返回字符串的长度。(不用带括号) 
　　(13)link函数：产生一个超级链接，相当于设定的URL地址。 
　　(14)small函数：将字体减小一号，与...标签结果相同。 
　　(15)strike函数：在文本的中间加一条横线，与...标签结果相同。 
　　(16)sub函数：显示字符串为下标字(subscript)。 
　　(17)substring函数：返回字符串中指定的几个字符。 
　　(18)sup函数：显示字符串为上标字(superscript)。 
　　(19)toLowerCase函数：将字符串转换为小写。 
　　(20)toUpperCase函数：将字符串转换为大写。

事件源对象 
　　event.srcElement.tagName 
　　event.srcElement.type 

捕获释放 
　　event.srcElement.setCapture(); 
　　event.srcElement.releaseCapture(); 

事件按键 
　　event.keyCode 
　　event.shiftKey 
　　event.altKey 
　　event.ctrlKey 

事件返回值 
　　event.returnValue 

鼠标位置 
　　event.x 
　　event.y 

窗体活动元素 
　　document.activeElement 

绑定事件 
　　document.captureEvents(Event.KEYDOWN); 

访问窗体元素 
　　document.all("txt").focus(); 
　　document.all("txt").select(); 

窗体命令 
　　document.execCommand 

窗体COOKIE 
　　document.cookie 

菜单事件 
　　document.oncontextmenu 

创建元素 
　　document.createElement("SPAN"); 

根据鼠标获得元素： 
　　document.elementFromPoint(event.x,event.y).tagName=="TD 
　　document.elementFromPoint(event.x,event.y).appendChild(ms) 

窗体图片 
　　document.images[索引] 

窗体事件绑定 
　　document.onmousedown=scrollwindow; 

元素 
　　document.窗体.elements[索引] 

对象绑定事件 
　　document.all.xxx.detachEvent('onclick',a); 

插件数目 
　　navigator.plugins 

取变量类型 
　　typeof($js_libpath) == "undefined" 
　　下拉框 
　　下拉框.options[索引] 
　　下拉框.options.length 

查找对象 
　　document.getElementsByName("r1"); 
　　document.getElementById(id); 

定时 
　　timer=setInterval('scrollwindow()',delay); 
　　clearInterval(timer); 

UNCODE编码 
　　escape() ,unescape 

父对象 
　　obj.parentElement(dhtml) 
　　obj.parentNode(dom) 

交换表的行 
　　TableID.moveRow(2,1) //将第三行与第二行交换

替换CSS 
　　document.all.csss.href = "a.css"; 

并排显示 
　　display:inline 

隐藏焦点 
　　hidefocus=true 

根据宽度换行 
　　style="word-break:break-all" 

自动刷新 
　　<meta HTTP-EQUIV="refresh" CONTENT="8;URL=http://hi.baidu.com"> 

简单邮件 
　　<a href="mailto:jishu@bj08ay.cn?subject=thisistitle&body=thisisthewordswhatyouwanttowriteforme"> 

快速转到位置 
　　obj.scrollIntoView(true) 

锚 
　　<a name="first"> 
　　<a href="#first">anchors</a> 

网页传递参数 
　　location.search(); 

可编辑 
　　obj.contenteditable=true 

执行菜单命令 
　　obj.execCommand 

双字节字符 
　　/[^x00-xff]/ 

汉字 
　　/[u4e00-u9fa5]/ 

让英文字符串超出表格宽度自动换行 
　　word-wrap: break-word; word-break: break-all; 

透明背景 
　　<IFRAME src="1.htm" width=300 height=180 allowtransparency></iframe> 

获得style内容 
　　obj.style.cssText 

HTML标签 
　　document.documentElement.innerHTML 

第一个style标签 
　　document.styleSheets[0] 

style标签里的第一个样式 
　　document.styleSheets[0].rules[0] 

防止点击空链接时，页面往往重置到页首端。 
　　<a href="javascript:function()">word</a> 

　　<a href="javascript:;">word</a> 
　　
上一网页源 
　　asp: 
　　request.servervariables("HTTP_REFERER") 
　　javascript: 
　　document.referrer 

释放内存 
　　CollectGarbage(); 

禁止右键 
　　document.oncontextmenu = function() { return false;} 

禁止保存 
　　<noscript><iframe src="*.htm"></iframe></noscript> 

禁止选取
　　<body oncontextmenu="return false" ondragstart="return false" onselectstart ="return false" onselect="document.selection.empty()" oncopy="document.selection.empty()" onbeforecopy="returnfalse"onmouseup="document.selection.empty()> 

禁止粘贴 
　　<input type=text onpaste="return false"> 

地址栏图标 
　　<link rel="Shortcut Icon" href="favicon.ico"> 
　　favicon.ico 名字最好不变16*16的16色,放虚拟目录根目录下 

收藏栏图标 
　　<link rel="Bookmark" href="favicon.ico"> 

查看源码 
　　<input type=button value=查看网页源代码 onclick="window.location = 'view-source:'+ 'http://www.csdn.net/'"> 

关闭输入法 
　　<input style="ime-mode:disabled">

自动全选 
　　<input type=text name=text1 value="123" onfocus="this.select()"> 

ENTER键可以让光标移到下一个输入框 
　　<input onkeydown="if(event.keyCode==13)event.keyCode=9"> 

文本框的默认值 
　　<input type=text value="123" onfocus="alert(this.defaultValue)"> 

获得时间所代表的微秒 
　　var n1 = new Date("2004-10-10".replace(/-/g, "/")).getTime() 

窗口是否关闭 
　　win.closed 

checkbox扁平 
　　<input type=checkbox style="position: absolute; clip:rect(5px 15px 15px 5px)"><br> 

获取选中内容 
　　document.selection.createRange().duplicate().text 

自动完成功能 
　　<input type=text autocomplete=on>打开该功能 
　　<input type=text autocomplete=off>关闭该功能 

窗口最大化 
　　<body onload="window.resizeTo(window.screen.width - 4,window.screen.height-50);window.moveTo(-4,-4)"> 

无关闭按钮IE 
　　window.open("aa.htm", "meizz", "fullscreen=7"); 

统一编码/解码 
　　alert(decodeURIComponent(encodeURIComponent("http://你好.com?as= hehe"))) 
　　encodeURIComponent对":"、"/"、";" 和 "?"也编码 

表格行指示 
　　<tr onmouseover="this.bgColor='#f0f0f0'" onmouseout="this.bgColor='#ffffff'"> 

各种尺寸
　　s += " 网页可见区域宽："+ document.body.clientWidth; 
　　s += " 网页可见区域高："+ document.body.clientHeight; 
　　s += " 网页可见区域高："+ document.body.offsetWeight +" (包括边线的宽)"; 
　　s += " 网页可见区域高："+ document.body.offsetHeight +" (包括边线的宽)"; 
　　s += " 网页正文全文宽："+ document.body.scrollWidth; 
　　s += " 网页正文全文高："+ document.body.scrollHeight; 
　　s += " 网页被卷去的高："+ document.body.scrollTop; 
　　s += " 网页被卷去的左："+ document.body.scrollLeft; 
　　s += " 网页正文部分上："+ window.screenTop; 
　　s += " 网页正文部分左："+ window.screenLeft; 
　　s += " 屏幕分辨率的高："+ window.screen.height; 
　　s += " 屏幕分辨率的宽："+ window.screen.width; 
　　s += " 屏幕可用工作区高度："+ window.screen.availHeight; 
　　s += " 屏幕可用工作区宽度："+ window.screen.availWidth;