您的位置:首页 > Web前端 > JavaScript

(三) JavaScript 内置函数介绍

2012-03-09 13:05 579 查看
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函数:显示一个输入对话框,提示等待用户输入。
(9)unescape函数:解码由escape函数编码的字符。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>常规函数</title>
<script type="text/javascript">

//常规函数
function myTest(){
//1.alert
alert("显示一个警告对话框"+"\n"+"包括一个OK按钮"+"\n"+"阻塞下面代码的运行!");

//2.prompt函数说明
/* prompt函数通常用于询问一些需要与用户交互的信息
* 提示: 消息对话框是由系统提供的,因此样式字体在不同浏览器中可能不同。
* 提示:消息对话框是排它的,也就是在用户点击对话框的按钮前,不能进行任何其它操作。
* prompt(str1, [str2])
* 参数说明:
*     str1 -- 要显示在消息对话框中的文本,不可修改
*     str2 -- 文本框中的内容,可以修改
* 提示: IE浏览器和fireFox浏览器,不一样,
*       str2如果不填写,IE:undefined fireFox :""
**/
var sResult=prompt("请在下面输入你的公司","微软公司");
if(sResult!=null){
alert("你好"+sResult);
}else{
alert("今天天气不错,挺风和日丽的!");
}

//3.confirm函数
/*
*  语法:  confirm(str);
*  返回值: boolean值
*          当用户点击OK按钮时,返回true
*					当用户点击Cancel按钮时,返回false
*					通过返回值可以判断用户点击了什么按钮
*	confirm消息对话框通常用于允许用户选择一些动作(例如是否确认删除等操作)
*  提示: 消息对话框是由系统提供的,因此样式字体在不同浏览器中可能不同。
*  提示:消息对话框是排它的,也就是在用户点击对话框的按钮前,不能进行任何其它操作。
**/
if(confirm("你确定要删除该数据?")){
alert("进行删除操作ING.");
}else{
alert("抱歉我没有想删除!");
}

//4.escape和unescape函数
/*
*  语法:  escape(str)和unescape(str);
**/
var strMsg = "我们每天都在进步ING";
var strURLcode, strOriginal;
strURLcode = escape(strMsg);  // 进行编码
document.write("原始字符串 : " + strMsg + "<br>");
document.write("URL编码 : " + strURLcode + "<br>");
strOriginal = unescape(strURLcode); // 还原字符串
document.write("还原的字符串 : " + strOriginal + "<br>");

//5.eval函数:计算表达式的结果
/*
*   语法:eval(codes);  ---codes -- 字符串形式的表达式或语句
*   返回值:
*   如果没有参数,返回undefined
*   如果有返回值将返回此值,否则返回undefined
*   如果为表达式,返回表达式的值
*	 如果为语句返回语句的值
*	 如果为多条语句或表达式返回最后一条语句的值
*   提示:eval函数除了解析JSON对象外,eval在程序中很少使用,虽然 eval() 的功能非常强大,但在实际使用中用到它的情况并不多。
**/
eval("x=10;y=20;document.write(x*y)")

document.write(eval("2+2"))

var x=10
document.write(eval(x+17))
/*补充*/
/* //code
eval("2+3")	// 返回 5
var myeval = eval;	// 可能会抛出 EvalError 异常
myeval("2+3");	// 可能会抛出 EvalError 异常
try  {
alert("Result:" + eval(prompt("Enter an expression:","")));
}

catch(exception) {
alert(exception);
}
*/

//提示:isNaN() 函数通常用于检测 parseFloat() 和 parseInt() 的结果,以判断它们表示的是否是合法的数字。当然也可以用 isNaN() 函数来检测算数错误,比如用 0 作除数的情况。

}
//运行函数
myTest();
</script>
</head>

<body>
</body>
</html>


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 = "今天的日期是: ";
     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 = "今天是: ";
     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)getHours函数:返回日期的“小时”部分,值为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函数设定<A NAME...>的链接点的名称,另一个函数link设定<A HREF="..." mce_HREF="...">的URL地址。
(2)big函数:将字体加到一号,与<BIG>...</BIG>标签结果相同。

(3)blink函数:使字符串闪烁,与<BLINK>...</BLINK>标签结果相同。
(4)bold函数:使字体加粗,与<B>...</B>标签结果相同。

(5)charAt函数:返回字符串中指定的某个字符。
(6)fixed函数:将字体设定为固定宽度字体,与<TT>...</TT>标签结果相同。

(7)fontcolor函数:设定字体颜色,与<FONT COLOR=color>标签结果相同。
(8)fontsize函数:设定字体大小,与<FONT SIZE=n>标签结果相同。

(9)indexOf函数:返回字符串中第一个查找到的下标index,从左边开始查找。

(10)italics函数:使字体成为斜体字,与<I>...</I>标签结果相同。

(11)lastIndexOf函数:返回字符串中第一个查找到的下标index,从右边开始查找。
(12)length函数:返回字符串的长度。(不用带括号)

(13)link函数:产生一个超级链接,相当于设定<A HREF="..." mce_HREF="...">的URL地址。
(14)small函数:将字体减小一号,与<SMALL>...</SMALL>标签结果相同。

(15)strike函数:在文本的中间加一条横线,与<STRIKE>...</STRIKE>标签结果相同。
(16)sub函数:显示字符串为下标字(subscript)。

(17)substring函数:返回字符串中指定的几个字符。
(18)sup函数:显示字符串为上标字(superscript)。

(19)toLowerCase函数:将字符串转换为小写。
(20)toUpperCase函数:将字符串转换为大写。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: