Math对象应用详解

document.write("<tr><td>ceil()</td><td>" + Math.ceil(myNumber)

+ "</td></tr>");

document.write("<tr><td>floor()</td><td>"+ Math.floor(myNumber)

+ "</td></tr>");

document.write("<tr><td>round()</td><td>" + Math.round(myNumber)

+ "</td></tr>");

document.write("</table>")

</script>

</body>

</html>

将以上代码保存为ch4_examp3.htm，并在浏览器中打开该文件。在提示框中输入一个数值，如12.354，然后单击提示框的OK按钮。在提示框中输入的数值将作为参数分别传入parseInt()函数、ceil()方法、 floor()方法和round()方法，各方法取整的结果将用HTML格式化成一个表格形式，如图4-1所示。

图  4-1

代码解说

在上面的代码中，首先使用一个提示框提示用户输入一个数值：

var myNumber = prompt("Enter the number to be rounded","");

然后，将用户输入的数值显示在页面上以作参考，并输出一行描述信息：

document.write("<h3>The number you entered was " + myNumber + "</h3><br>");

document.write("<p>The rounding results for this number are</p>");

注意，在document.write()方法中，使用了HTML标记来格式化输出的内容。对于主标题，使用了<h3>标记，对于表格的描述信息，使用了段落标记<p>。

下面的代码则用于创建一个表格，以显示各方法取整的结果：

document.write("<table width=150 border=1>");

document.write("<tr><th>Method</th><th>Result</th></tr>");

document.write("<tr><td>parseInt()</td><td>"+ parseInt(myNumber)

+ "</td></tr>");

document.write("<tr><td>ceil()</td><td>" + Math.ceil(myNumber)

+ "</td></tr>");

document.write("<tr><td>floor()</td><td>"+ Math.floor(myNumber)

+ "</td></tr>");

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!