第1章基础篇1.28绝对值函数的使用abs()编写方式:Math.abs(-1);其中-1为要求绝对值的数值。在求取一个数值的绝对值可以使用abs函数,由于函数属于Math类,所以在abs前要加上Math。注意范例:htmlheadtitle绝对值函数的使用/title/headbodyscriptlanguage=javascript!--document.write(0的绝对值为:,Math.abs(0),br);document.write(1的绝对值为:,Math.abs(1),br);document.write(-1的绝对值为:,Math.abs(-1),br);//--/script/body/html运行结果:(如图1.28所示)可运行的浏览器版本基础篇第1章2图1.281.29四舍五入函数的使用round()编写方式:Math.round(3.14)其中3.14为要进行四舍五入的数。Math类的round()函数用于将一个小数四舍五入成整数。注意范例:htmlheadtitle四舍五入函数的使用/title/headbodyscriptlanguage=javascript!--document.write(3.14四舍五入为:,Math.round(3.14),br);document.write(1.5四舍五入为:,Math.round(2.5),br);//--/script/body/html运行结果:(如图1.29所示)图1.291.30取整数函数的使用(ceil()与floor())编写方式:int=Math.floor(n);可运行的浏览器版本可运行的浏览器版本基础篇第1章3int=Math.ceil(n);其中n为要进行取整操作的数。双重选取(if)语句的意思是当满足判断式的条件时执行某些程序,但不满足条件时又执行其他一些程序。注意基础篇第1章4范例:htmlheadtitle取整函数的使用/title/headbodyscriptlanguage=javascript!--n=prompt(请输入一个要取整的数:);if(n0){int=Math.floor(n);}else{int=Math.ceil(n);}document.write(n,的整数为:,int);//--/script/body/html运行结果:(如图1.30所示)图1.301.31平方根函数的使用(sqrt())编写方式:Math.sqrt(n)其中n为要进行求取平方根的数。Math类的sqrt()函数用于求取一个数的平方根。注意范例:htmlheadtitle平方根函数的使用/title可运行的浏览器版本当取整的数大于0时,使用floor()函数取整当取整的数小于0时,使用ceil()函数取整基础篇第1章5/headbodyscriptlanguage=javascript!--n=prompt(请输入一个要平方根的数:);document.write(n,的平方根为:,Math.sqrt(n));//--/script/body/html运行结果:(如图1.31所示)图1.311.32取得两个数中的最大数(max())或最小数(min())编写方式:Math.max(a,b);Math.min(a,b);Math类的max()函数用于取得两个数中最大的一个数,而min()函数用于取得两个数中最小的一个数。注意范例:htmlheadtitle取得两个数中的最大数/title/headbodyscriptlanguage=javascript!--a=1;b=2;document.write(a=,a,,b=,b,br);document.write(a,b中最大的一个数为:,Math.max(a,b));document.write(br);document.write(a,b中最小的一个数为:,Math.min(a,b));可运行的浏览器版本基础篇第1章6//--/script/body/html运行结果:(如图1.32所示)图1.32max()与min()函数除了可以取得两个数中最大和最小的数以外,也可以取得多个数中的最大和最小的数,如:Math.max(1,2,3);或Math.min(1,2,3);。注意1.33随机函数(random())编写方式:Math.random();取得0~1之间的随机数。Math.floor(Math.random()*10);取得0~9之间的整数随机数。使用Math类的random()函数可取得一个随机数,直接使用将取得0~1之间的任意一个小数,如要取得整数随机数就得使用floor()函对产生的随机数进行取整操作。下面的范例就取得了5个范围在0~9之间的随机数。注意范例:htmlheadtitle随机函数/title/headbodyscriptlanguage=javascript可运行的浏览器版本取得一个0~9之间的随机数基础篇第1章7!--for(i=1;i=5;i++){num=Math.floor(Math.random()*10);document.write(num,);}//--/script/body/html运行结果:(如图1.33所示)图1.331.34圆形面积计算编写方式:圆形面积的计算公式为:圆周率×圆半径2在JavaScript中表示为:area=Math.PI*Math.pow(radius,2);在上面的公式中Math.PI用于取得圆周率,Math.pow(radius,2)用于计算radius的平方值,当然radius就是圆的半径值。注意范例:htmlheadtitle圆形面积计算/title/headbodyscriptlanguage=javascript!--radius=prompt(请输入圆的半径:);area=Math.PI*Math.pow(radius,2);document.write(半径为+radius+的圆的面积为:+area);可运行的浏览器版本将输入的半径值直接存储在radius变量中计算圆面积基础篇第1章8//--/script/body/html基础篇第1章9运行结果:(如图1.34所示)图1.341.35矩形面积计算编写方式:矩形面积的计算公式为:矩形宽×矩形高在JavaScript中表示为:area=width*height;矩形面积计算较为简单,只需用矩形的宽乘以矩形的高即可。注意范例:htmlheadtitle矩形面积计算/title/headbodyscriptlanguage=javascript!--width=prompt(请输入矩形的宽:);height=prompt(请输入矩形的高:);area=width*height;document.write(矩形面积为:+area);//--/script/body/html运行结果:(如图1.35所示)可运行的浏览器版本取得矩形的宽和高计算矩形面积基础篇第1章10图1.35基础篇第1章111.36三角形面积计算编写方式:三角形面积的计算公式为:一边长×三角高÷2在JavaScript中表示为:area=baseWidth*height/2;其中baseWidth为三角形一边的边长,height为三角形的高度。注意范例:htmlheadtitle三角形面积计算/title/headbodyscriptlanguage=javascript!--baseWidth=prompt(请输入三角形一边的长度:);height=prompt(请输入三角形的高度:);area=baseWidth*height/2;document.write(三角形的面积为:+area);//--/script/body/html运行结果:(如图1.36所示)可运行的浏览器版本计算三角形面积取得三角形的边长和高基础篇第1章12图1.361.37球体面积计算编写方式:球体面积的计算公式为:4×圆周率×圆半径2在JavaScript中表示为:area=4*Math.PI*Math.pow(radius,2);球体面积计算与圆形面积计算差不多,只不过在圆形面积计算的基础上乘以4。注意范例:htmlheadtitle球体面积计算/title/headbodyscriptlanguage=javascript!--radius=prompt(请输入球体的半径:);area=4*Math.PI*Math.pow(radius,2);document.write(球体的面积为:+area);//--/script/body/html运行结果:(如图1.37所示)可运行的浏览器版本取得输入的球体半径计算球体面积基础篇第1章13图1.371.38声明一个自定义的函数编写方式:functionsum(n){s=0;for(i=1;i=n;i++){s+=i;}returns;}在JavaScript中使用function来声明一个函数,函数名称后面的括号内可以跟着函数的参数,如果有多个参数需要使用逗号隔开,如果没有参数需使用空的括号;return用于返回函数值,如果函数没有返回值可以不要return。如下的范例中声明一个用于求取累加的函数sum(),在使用时只需更改函数的参数就可以计算出不同数目的累加值。注意范例:htmlheadtitle声明一个自定义的函数/title/headbodyscriptlanguage=javascript!--functionsum(n){s=0;for(i=1;i=n;i++){s+=i;}returns;}document.write(1~10相加的结果为:,sum(10),br);document.write(1~100相加的结果为:,sum(100));//--/script/body/html可运行的浏览器版本函数名称函数参数函数返回值声明的sum()函数函数的返回值使用不同的参数调用sum()函数基础篇第1章14运行结果:(如图1.38所示)图1.381.39单击按钮时调用函数编写方式:inputtype=buttonvalue=单击我onClick=fun()其中fun()为自定义的函数。在HTML中将使用inputtype=button标记来建立按钮,要在单击按钮时调用函数,需要在按钮的标记中写入onClick=函数名(),onClick为单击鼠标的事件。而像在这种程序中,最好是将声明函数的JavaScript程序放在head.../head标记之间,因为该标记是最先加载而且在该标签中的内容不会显示在网页中。这样就能够确保在其他地方调用函数,如果函数发生错误也不会将函数内容显示在网页中。注意范例:htmlheadtitle单击按钮时调用函数/titlescriptlanguage=javascript!--functionfun(){alert(这是单击按钮后执行的函数!);}//--/script/headbodyinputtype=buttonvalue=单击我onClick=fun()/body/html可运行的浏览器版本函数声明在head…/head标记之间用于显示一个对话框在onClick事件中调用函数基础篇第1章15运行结果:(如图