源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

JavaScript 常用函数

  • 时间:2022-04-22 16:35 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要: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函数:设定日期的"日"部分,值为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函数:将字符串转换为大写。
[b]事件源对象 [/b]event.srcElement.tagName event.srcElement.type [b]捕获释放[/b] event.srcElement.setCapture(); event.srcElement.releaseCapture(); [b]事件按键[/b] event.keyCode event.shiftKey event.altKey event.ctrlKey [b]事件返回值[/b] event.returnValue [b]鼠标位置[/b] event.x event.y [b]窗体活动元素[/b] document.activeElement [b]绑定事件[/b] document.captureEvents(Event.KEYDOWN); [b]访问窗体元素[/b] document.all("txt").focus(); document.all("txt").select(); [b]窗体命令[/b] document.execCommand [b]窗体COOKIE[/b] document.cookie [b]菜单事件[/b] document.oncontextmenu [b]创建元素[/b] document.createElement("SPAN"); [b]根据鼠标获得元素[/b]: document.elementFromPoint(event.x,event.y).tagName=="TD document.elementFromPoint(event.x,event.y).appendChild(ms) [b]窗体图片[/b] document.images[索引] [b]窗体事件绑定[/b] document.onmousedown=scrollwindow; [b]元素 [/b]document.窗体.elements[索引] [b]对象绑定事件[/b] document.all.xxx.detachEvent('onclick',a); [b]插件数目[/b] navigator.plugins [b]取变量类型[/b] typeof($js_libpath) == "undefined" 下拉框 下拉框.options[索引] 下拉框.options.length [b]查找对象[/b] document.getElementsByName("r1"); document.getElementById(id); [b]定时 [/b]timer=setInterval('scrollwindow()',delay); clearInterval(timer); [b]UNCODE编码[/b] escape() ,unescape [b] 父对象[/b] obj.parentElement(dhtml) obj.parentNode(dom) [b]交换表的行[/b] TableID.moveRow(2,1) //将第三行与第二行交换 [b]替换CSS [/b]document.all.csss.href = "a.css"; [b]并排显示[/b] display:inline [b]隐藏焦点[/b] hidefocus=true [b] 根据宽度换行[/b] style="word-break:break-all" [b]自动刷新[/b] <meta HTTP-EQUIV="refresh" CONTENT="8;URL=http://hi.baidu.com"> [b]简单邮件[/b] <a href="mailto:jishu@bj08ay.cn?subject=thisistitle&body=thisisthewordswhatyouwanttowriteforme"> [b] 快速转到位置[/b] obj.scrollIntoView(true) [b] 锚 [/b] <a name="first"> <a href="#first">anchors</a> [b] 网页传递参数[/b] location.search(); [b] 可编辑[/b] obj.contenteditable=true [b] 执行菜单命令[/b] obj.execCommand [b] 双字节字符[/b] /[^\x00-\xff]/ [b] 汉字[/b] /[\u4e00-\u9fa5]/ [b]让英文字符串超出表格宽度自动换行[/b] word-wrap: break-word; word-break: break-all; [b] 透明背景[/b] <IFRAME src="1.htm" width=300 height=180 allowtransparency></iframe> [b]获得style内容[/b] obj.style.cssText [b]HTML标签[/b] document.documentElement.innerHTML [b]第一个style标签[/b] document.styleSheets[0] [b]style标签里的第一个样式[/b] document.styleSheets[0].rules[0] [b]防止点击空链接时,页面往往重置到页首端。[/b] <a href="javascript:function()">word</a> [b] 上一网页源[/b] asp: request.servervariables("HTTP_REFERER") javascript: document.referrer [b]释放内存[/b] CollectGarbage(); [b] 禁止右键[/b] document.oncontextmenu = function() { return false;} [b]禁止保存[/b] <noscript><iframe src="*.htm"></iframe></noscript> [b]禁止选取[/b] <body oncontextmenu="return false" ondragstart="return false" onselectstart ="return false" onselect="document.selection.empty()" oncopy="document.selection.empty()" onbeforecopy="return false"onmouseup="document.selection.empty()> [b] 禁止粘贴[/b] <input type=text onpaste="return false"> [b]地址栏图标[/b] <link rel="Shortcut Icon" href="favicon.ico"> favicon.ico 名字最好不变16*16的16色,放虚拟目录根目录下 [b] 收藏栏图标[/b] <link rel="Bookmark" href="favicon.ico"> [b] 查看源码[/b] <input type=button value=查看网页源代码 onclick="window.location = 'view-source:'+ 'http://www.csdn.net/'"> [b]关闭输入法[/b] <input style="ime-mode:disabled"> [b]自动全选[/b] <input type=text name=text1 value="123" onfocus="this.select()"> [b]ENTER键可以让光标移到下一个输入框[/b] <input onkeydown="if(event.keyCode==13)event.keyCode=9"> [b]文本框的默认值 [/b]<input type=text value="123" onfocus="alert(this.defaultValue)"> [b]获得时间所代表的微秒[/b] var n1 = new Date("2004-10-10".replace(/-/g, "\/")).getTime() [b]窗口是否关闭[/b] win.closed [b]checkbox扁平[/b] <input type=checkbox style="position: absolute; clip:rect(5px 15px 15px 5px)"><br> [b]获取选中内容[/b] document.selection.createRange().duplicate().text [b]自动完成功能[/b] <input type=text autocomplete=on>打开该功能 <input type=text autocomplete=off>关闭该功能 [b]窗口最大化[/b] <body onload="window.resizeTo(window.screen.width - 4,window.screen.height-50);window.moveTo(-4,-4)"> [b]无关闭按钮IE[/b] window.open("aa.htm", "meizz", "fullscreen=7"); [b]统一编码/解码[/b] alert(decodeURIComponent(encodeURIComponent("http://你好.com?as= hehe"))) encodeURIComponent对":"、"/"、";" 和 "?"也编码 [b]表格行指示[/b] <tr onmouseover="this.bgColor='#f0f0f0'" onmouseout="this.bgColor='#ffffff'"> [b]各种尺寸[/b] 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;
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部