深入理解JavaScript内置函数

 更新时间:2016年6月12日 10:00  点击:2034

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) langth函数:返回数组的长度。例:

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)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=...>的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=...>的URL地址。

(14)small函数:将字体减小一号,与<SMALL>...</SMALL>标签结果相同。

(15)strike函数:在文本的中间加一条横线,与<STRIKE>...</STRIKE>标签结果相同。

(16)sub函数:显示字符串为下标字(subscript)。

(17)substring函数:返回字符串中指定的几个字符。

(18)sup函数:显示字符串为上标字(superscript)。

(19)toLowerCase函数:将字符串转换为小写。

(20)toUpperCase函数:将字符串转换为大写。

以上这篇深入理解JavaScript内置函数就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

[!--infotagslink--]

相关文章

  • 使用PHP+JavaScript将HTML页面转换为图片的实例分享

    这篇文章主要介绍了使用PHP+JavaScript将HTML元素转换为图片的实例分享,文后结果的截图只能体现出替换的字体,也不能说将静态页面转为图片可以加快加载,只是这种做法比较interesting XD需要的朋友可以参考下...2016-04-19
  • 关于JavaScript中name的意义冲突示例介绍

    在昨天的《Javascript权威指南》学习笔记之十:ECMAScript 5 增强的对象模型一文中,对于一段代码的调试出现了一个奇怪现象,现将源代码贴在下面: 复制代码 代码如下: <script type="text/javascript"> function Person(){}...2014-05-31
  • C#和JavaScript实现交互的方法

    最近做一个小项目不可避免的需要前端脚本与后台进行交互。由于是在asp.net中实现,故问题演化成asp.net中jiavascript与后台c#如何进行交互。...2020-06-25
  • javascript自定义的addClass()方法

    复制代码 代码如下: //element:需要添加新样式的元素,value:新的样式 function addClass(element, value ){ if (!element.className){ element.className = value; }else { newClassName = element.className; newClas...2014-05-31
  • JavaScript中的this关键字使用方法总结

    在javascritp中,不一定只有对象方法的上下文中才有this, 全局函数调用和其他的几种不同的上下文中也有this指代。 它可以是全局对象、当前对象或者任意对象,这完全取决于函数的调用方式。JavaScript 中函数的调用有以下...2015-03-15
  • javascript的事件触发器介绍的实现

    事件触发器从字面意思上可以很好的理解,就是用来触发事件的,但是有些没有用过的朋友可能就会迷惑了,事件不是通常都由用户在页面上的实际操作来触发的吗?这个观点不完全正确,因为有些事件必须由程序来实现,如自定义事件,jQue...2014-06-07
  • 详解javascript数组去重问题

    首先,我想到的是另建一个结果数组,用来存储原始数组中不重复的数据。遍历原始数组依次跟结果数组中的元素进行比较,检测是否重复。于是乎,我写出了如下代码A: Array.prototype.clearRepetitionA = function(){ var resul...2015-11-08
  • JavaScript中逗号运算符介绍及使用示例

    有一道js面试题,题目是这样的:下列代码的执行结果是什么,为什么? 复制代码 代码如下: var i, j, k; for (i=0, j=0; i<10, j<6; i++, j++) { k = i+j; } document.write(k); 答案是显示10,这道题主要考察JavaScript的逗...2015-03-15
  • Javascript类型转换的规则实例解析

    这篇文章主要介绍了Javascript类型转换的规则实例解析,涉及到javascript类型转换相关知识,对本文感兴趣的朋友一起学习吧...2016-02-27
  • JavaScript预解析,对象详解

    这篇文章主要介绍了JavaScript预解析,对象的的相关资料,小编觉得这篇文章写的还不错,需要的朋友可以参考下,希望能够给你带来帮助...2021-11-10
  • 详解JavaScript操作HTML DOM的基本方式

    通过 HTML DOM,可访问 JavaScript HTML 文档的所有元素。 HTML DOM (文档对象模型) 当网页被加载时,浏览器会创建页面的文档对象模型(Document Object Model)。 HTML DOM 模型被构造为对象的树: 通过可编程的对象模型,Java...2015-10-23
  • ActiveX控件与Javascript之间的交互示例

    1、ActiveX向Javascript传参 复制代码 代码如下: <script language="javascript" for="objectname" event="fun1(arg)"> fun2(arg); </script> objectname为ActiveX控件名,通过<object>标签里的id属性设定,如下; 复制...2014-06-07
  • JavaScript获取浏览器信息的方法

    Window有navigator对象让我们得知浏览器的全部信息.我们可以利用一系列的API函数得知浏览器的信息.JavaScript代码如下:function message(){ txt = "<p>浏览器代码名: " + navigator.appCodeName + "</p>";txt+= "<p>...2015-11-24
  • 学习JavaScript设计模式之装饰者模式

    这篇文章主要为大家介绍了JavaScript设计模式中的装饰者模式,对JavaScript设计模式感兴趣的小伙伴们可以参考一下...2016-01-21
  • JavaScript学习笔记整理_setTimeout的应用

    下面小编就为大家带来一篇JavaScript学习笔记整理_setTimeout的应用。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧...2016-10-03
  • 跟我学习javascript的最新标准ES6

    虽然ES6都还没真正发布,但已经有用ES6重写的程序了,各种关于ES789的提议已经开始了,这你敢信。潮流不是我等大众所能追赶的。潮流虽然太快,但我们不停下学习的步伐,就不会被潮流丢下的,下面来领略下ES6中新特性,一堵新生代JS...2015-11-24
  • javascript设计模式之解释器模式详解

    神马是“解释器模式”?先翻开《GOF》看看Definition:给定一个语言,定义它的文法的一种表示,并定义一个解释器,这个解释器使用该表示来解释语言中的句子。在开篇之前还是要科普几个概念: 抽象语法树: 解释器模式并未解释如...2014-06-07
  • JavaScript中的数组遍历forEach()与map()方法以及兼容写法介绍

    下面小编就为大家带来一篇JavaScript中的数组遍历forEach()与map()方法以及兼容写法介绍。小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧...2016-05-20
  • JavaScript操作URL的相关内容集锦

    ---恢复内容开始---1.location.href.....(1)self.loction.href="http://www.cnblogs.com/url" window.location.href="http://www.cnblogs.com/url" 以上两个用法相同均为在当前页面打开URL页面 (2)this.locati...2015-10-30
  • javascript实现tab切换的四种方法

    tab切换在网页中很常见,故最近总结了4种实现方法。 首先,写出tab的框架,加上最简单的样式,代码如下: <!DOCTYPE html> <html> <head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><style> *{ pa...2015-11-08