zoukankan      html  css  js  c++  java
  • JavaScript 函数大全

    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">    <!--  alert("输入错误");  prompt("请输入您的姓名","姓名");confirm("确定否!");    //-->    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: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>   
      上一网页源  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; 

    笔记作者:chachaxw

    笔记链接:http://www.w3cfuns.com/blog-5452961-5403158.html

    原创声明:此笔记被 chachaxw 标注为原创笔记,未经作者同意转载必须保留此段声明,且在文章页面明显位置给出原文链接,否则保留追究法律责任的权利。

    丫a头的博客(<- 。。 ->)
  • 相关阅读:
    Exception handling 异常处理的本质
    一个人运气不好怎么办?做什么事能够马上改变运气?
    autoreleasing on a thread
    Tagged Pointer
    Objective-C 引用计数原理
    oc引用计数原理-引用计数相关变化
    黑箱中的 retain 和 release
    黑幕背后的Autorelease
    自动释放池的前世今生 ---- 深入解析 autoreleasepool
    Exceptions and Errors on iOS
  • 原文地址:https://www.cnblogs.com/lssmd/p/4409790.html
Copyright © 2011-2022 走看看