论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: Windows | Word2007 | Excel2007 | PowerPoint2007 | Dreamweaver 8 | Fireworks 8 | Flash 8 | Photoshop cs | CorelDraw 12
编程视频: C语言视频教程 | HTML | Div+Css布局 | Javascript | Access数据库 | Asp | Sql Server数据库Asp.net  | Flash AS
当前位置 > 文字教程 > Javascript教程
Tag:验证,特效,入门,实例,验证,表单,特效,正则表达式,跑马灯,document,函数,代码,getElementByID,菜单,图片,视频教程

random()方法和pow()方法

文章类别:Javascript | 发表日期:2010-9-5 10:10:59

random()方法

random()方法用于返回一个0~1之间的随机数,包含0但不包括1。如果要用JavaScript编写动态的图形广告标语,则random()方法非常有用。

下面的例子可模拟掷骰子的游戏。下列代码将在页面上显示10个随机数,单击浏览器的刷新按钮,页面将显示一组新的随机数:

<html>

<body>

<script language="JavaScript" type="text/javascript">

var throwCount;

var diceThrow;

for (throwCount = 0; throwCount < 10; throwCount++)

{

diceThrow = (Math.floor(Math.random() * 6) + 1);

document.write(diceThrow + "<br>");

}

</script>

</body>

</html>

我们希望diceThrow的值在1~6之间,但是,random()方法的返回值是0~1(不包含1)之间的一个随机的浮点数。为了获得一个1~6(包含6)的随机整数,先把random()方法的返回值乘以6,以得到一个0~6(不包含6)的随机数,然后再把该随机数加1,就得到一个1~7(不包含7)的随机数,接着再用floor()方法进行取整,便得到一个1~6(包含6)的随机整数。

如果想获得1~100的随机数,只须将代码Math.random()*6 修改为Math.random()*100即可。

pow()方法

pow()方法用于计算一个数的指定幂,通常具有pow(n,m)的形式。它具有两个参数,第一个参数n表示用于求幂的底数,第二个参数表示幂。例如:Math.pow(2,8)表示2的8次幂,即 2 * 2 * 2 * 2 * 2 * 2 * 2 * 2的值—— 结果为256。与其他的算术运算不同,pow()方法、sin()方法、cos()方法和acos()等方法在Web程序设计中并不常用。如果应用程序中需要进行科学计算,则pow()方法非常有用。

 

在下面这个例子中,我们使用pow()方法编写了一个fix()函数,用于返回一个定点小数位的数字。在早期的浏览器中并没有提供实现这个功能的函数,而在JScript 5.5和JavaScript 1.5中,已经增加了一个实现该功能的方法,这正是在下一小节中我们将介绍的toFixed()方法。本示例说明,当需要使用JavaScript中没有提供的函数时,可以利用现有的函数来编写所需要的函数功能。

<html>

<head>

<script language="JavaScript" type="text/javascript">

function fix(fixNumber, decimalPlaces)

{

var div = Math.pow(10,decimalPlaces);

fixNumber = Math.round(fixNumber * div) / div;

return fixNumber;

}

</script>

</head>

<body>

<script language="JavaScript" type="text/javascript">

var number1 = prompt("Enter the number with decimal places you want to

fix","");

var number2 = prompt("How many decimal places do you want?","");

document.write(number1 + " fixed to " + number2 + " decimal places is: ");

document.write(fix(number1,number2));

</script>

</body>

</html>

将上面的代码保存为 ch4_examp4.htm。在浏览器中打开该页面,将会看到两个提示对话框。在第一个提示框中,输入一个需要进行定点小数位处理的数字,例如输入2.2345。在第二个提示框中,输入需要定点的小数的位数,例如输入2。程序将把输入的数值进行定点处理后的结果显示在页面上。如图4-2所示,对于我们输入的2.2345,结果将是2.23。

图  4-2

代码解说

在上面的代码中,在页面代码的头部定义了fix()函数。fix()函数具有两个参数:fixNumber和decimalPlaces,其中,decimalPlaces参数指出了定点后小数点之后的位数。例如,把34.76459定点为具有3个小数位的数字,结果为34.765。

在fix()函数中的第一行,把变量div的值设置为10的decimalPlaces次幂,decimalPlaces参数就是用于定点的小数点的位数。

function fix(fixNumber, decimalPlaces)

{

var div = Math.pow(10,decimalPlaces);

下面这行代码用于计算定点之后的数值:

fixNumber = Math.round(fixNumber * div) / div;

表达式Math.round(fixNumber * div)的作用就是将小数点移动到需要保留的位数之后。例如对于2.2345,如果我们需要保留小数点之后的两位数,可以将它转换为223.45。然后,再用Math.round()方法对转换后的数值进行四舍五入,就可以得到一个去掉多余小数部分后最近似于该数的整数,对223.45来说,四舍五入的结果就是223。

然后,再把这个整数除以变量div,将它转换回相应的小数,这样,仅有指定的小数位被保留了下来。例如对于223,将它除以100,将得到2.23。这就是将2.2345定点为具有2个小数位的数字的结果。通过return语句,可以把这个值返回给调用方。

return fixNumber;

}

在页面的代码中,使用了两个prompt()提示框获取用户的输入,然后用document.write()方法将取定点数之后的结果输出在页面上。

上一篇:charAt()方法和charCodeAt()方法 人气:2325
下一篇:{教程}Javascript中的PopUp对象 人气:2244
视频教程列表
文章教程搜索
 
Javascript推荐教程
Javascript热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058