JavaScript 函数大全

浏览数：13 / 时间：2015年06月08日

javascript函数一共可分为五类：    ·常规函数    ·数组函数    ·日期函数    ·数学函数    ·字符串函数
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函数：显示一个输入对话框，提示等待用户输入。例如：<script language="javascript">        script>
  (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函数：设定日期的"日"部分，值为1～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:[email protected]?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>
  上一网页源  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 += "\r\n网页可见区域宽："+ document.body.clientWidth;
  s += "\r\n网页可见区域高："+ document.body.clientHeight;
  s += "\r\n网页可见区域高："+ document.body.offsetWeight +" (包括边线的宽)";
  s += "\r\n网页可见区域高："+ document.body.offsetHeight +" (包括边线的宽)";
  s += "\r\n网页正文全文宽："+ document.body.scrollWidth;
s += "\r\n网页正文全文高："+ document.body.scrollHeight;
  s += "\r\n网页被卷去的高："+ document.body.scrollTop;
  s += "\r\n网页被卷去的左："+ document.body.scrollLeft;
  s += "\r\n网页正文部分上："+ window.screenTop;
  s += "\r\n网页正文部分左："+ window.screenLeft;
  s += "\r\n屏幕分辨率的高："+ window.screen.height;
  s += "\r\n屏幕分辨率的宽："+ window.screen.width;
  s += "\r\n屏幕可用工作区高度："+ window.screen.availHeight;
  s += "\r\n屏幕可用工作区宽度："+ window.screen.availWidth;