欢迎来到[自学php网] ①群 AG亚游集团

AG亚游集团 > 网站前端 > javascript >

JavaScript 常用函数

来源:未知 ?? 时间:2017-05-15 10:17?作者:xxadmin

[导读] javascript函数一共可分为五类: ·常规函数 ·数组函数 ·日期函数 ·数学函数 ·字符串函数 1.常规函数 javascript常规函数包括以下9个函数: (1)alert函数:显示一个警告对话框,包括一个...

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函数:将字符串转换为大写。

事件源对象 

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=/hiaff4baiduaff4com"> 


简单邮件 

<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="return false"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:'+ '/wwwaff4csdnaff4net/'"> 


关闭输入法 

<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("/你好.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;


最新文章

点击排行

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号@版权所有AG亚游集团

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

韩媒称美军B52取消参加美韩军演 或与朝韩会谈有关 印度拟为电商领域设立单独管理部门 消除监管碎片化 华帝“失联”经销商王伟:资金压力大 资产都被查封 美国务卿访非仍不忘踩中国一脚 连非媒都看不下去了 全国政协副主席:任何“台独”活动都是开历史倒车 英超名宿:丁丁比萨拉赫更配英超最佳 他有1优势 制药巨头诺华承认曾向特朗普律师付费:我们被骗了 感谢莱利的冷血!迈阿密之王真的要打CBA了 AETOS艾拓思:日本利率决议领跑 众数据引爆超级周 火币网创始人李林:杜均没有参与过火币pro任何业务 抢劫犯以假名入狱后脱逃 转用真实身份度日达20年 美联储官员称中美贸易争端让利率前景增添不确定性
肯尼亚大坝决堤已致至少38人死亡 仍有人失踪 台称大陆军机两度飞越“海峡中线” 台军来不及拦截 王炜已升任安徽省委组织部正厅级副部长(图/简历) 十三届全国人大代表的代表资格有效 具有代表性 防风险会导致金融改革步伐放缓?周小川回应 利物浦大利好!萨拉赫伤愈合练 次战曼城要复出 趣店一季度营收17.17亿元 同比增长105.6% 杀害空姐滴滴司机支付宝账号仍在使用 网友钓鱼转账 直击|腾讯云异常宕机故障 称运营商光缆中断所致 男子炒房不成欠巨债 故意划坏路边车辆求坐牢躲债 耀才证券陈伟聪:A股至今仍处上落待变之中 滴滴司机停车猥亵女大学生乘客 遭反抗后实施殴打
巴萨5000万突击法甲妖锋!罗马官宣后出手截胡 新京报:加强诚信建设 完善“失信黑名单”制度 李宝善任人民日报社社长 庹震任总编辑 下周影响市场重要资讯前瞻 美对伊朗石油“松口不松手” 国际买家会继续买吗 吉利重金入股戴姆勒 中国汽车行业会受到什么影响? 美财长将来华就中美经贸问题对话磋商 外交部回应 网约车危害乘客事件频发 交通部:乘客安全是底线 欧洲多地降下大雪:交通严重受阻 寒流已致56死 白手起家什么意思 卖什么利润大不压货 加盟店排行榜 白手起家创业点子 AG亚游集团