JavaScript 常用函数

 更新时间:2009年12月30日 02:02:43   作者:  
javascript提供了许多函数供开发人员使用,下面给出一个简单介绍,更详细的信息请参考Visual InterDev提供的在线帮助。

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=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="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:'+ '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;

相关文章

  • 微信小程序ajax实现请求服务器数据及模版遍历数据功能示例

    微信小程序ajax实现请求服务器数据及模版遍历数据功能示例

    这篇文章主要介绍了微信小程序ajax实现请求服务器数据及模版遍历数据功能,结合实例形式分析了微信小程序ajax调用及模板wx:for循环列表渲染相关操作技巧,需要的朋友可以参考下
    2017-12-12
  • Bootstrap fileinput文件上传组件使用详解

    Bootstrap fileinput文件上传组件使用详解

    这篇文章主要为大家详细介绍了Bootstrap fileinput文件上传组件的使用方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-06-06
  • bootstrap datepicker插件默认英文修改为中文

    bootstrap datepicker插件默认英文修改为中文

    这篇文章主要为大家详细介绍了bootstrap datepicker插件默认英文修改为中文的方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-07-07
  • JS非Alert实现网页右下角“未读信息”效果弹窗

    JS非Alert实现网页右下角“未读信息”效果弹窗

    这篇文章主要介绍了JS非Alert实现网页右下角“未读信息”效果弹窗的方法,涉及JavaScript动态操作页面元素实现弹窗效果的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-09-09
  • JavaScript将坐标字符串转为数组的项目实践

    JavaScript将坐标字符串转为数组的项目实践

    本文主要介绍了JavaScript将坐标字符串转为数组的项目实践,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2024-01-01
  • JavaScript实现网站访问次数统计代码

    JavaScript实现网站访问次数统计代码

    每个网站管理者,都必须知道每天有多少人访问了本站,需要一个网站访问次数功能来满足需求,本篇文章主要介绍了JavsScript实现网站访问次数统计代码,需要的朋友可以参考下
    2015-08-08
  • JS根据奖品权重计算中奖概率

    JS根据奖品权重计算中奖概率

    这篇文章主要介绍了JS计算中奖概率实现抽奖的方法,对算法感兴趣的同学,可以参考下
    2021-05-05
  • JS的参数传递示例介绍

    JS的参数传递示例介绍

    想必大家对参数传递并不陌生吧,本文为大家介绍下JS的参数传递,需要的朋友可以参考下
    2014-02-02
  • js select实现省市区联动选择

    js select实现省市区联动选择

    这篇文章主要为大家详细介绍了js select实现省市区联动选择效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-08-08
  • 浅谈es6中的元编程

    浅谈es6中的元编程

    这篇文章主要介绍了浅谈es6中的元编程,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-12-12

最新评论