首页 > 中企资讯

js 四舍五入 js取整数

js 四舍五入 js取整数

网页开发的时候,经常需要将一些数据进行取整操作,比如:向上取整,向下取整,四舍五入取整等等,那么js是怎么处理的呢?

那么我们先在网页上面放一个输入框,四个按钮,分别测试:“1.丢弃小数部分,保留整数部分“ 、“2.向上取整,有小数就整数部分加1 “、”3.四舍五入.” 、“4.向下取整”,分别点击按钮的时候,我们将做以上四个取整测试,创建输入框和点击按钮的HTML代码如下:<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head>    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />    <title>js取整数</title>    <script>        //1.丢弃小数部分,保留整数部分         function test1() {            alert(parseInt(document.getElementById("data1").value));        }        //2.向上取整,有小数就整数部分加1         function test2() {            alert(Math.ceil(document.getElementById("data1").value));        }        //3.四舍五入.         function test3() {            alert(Math.round(document.getElementById("data1").value));        }        //4.向下取整        function test4() {            alert(Math.floor(document.getElementById("data1").value));        }    </script></head><body>    输入测试小数:<input type="text" id="data1" /><br />    <br />    <input type="button" id="btnUp" value="js向下取整" onclick="test4()" />    <input type="button" id="Button1" value="js向上取整" onclick="test2()" />    <input type="button" id="Button2" value="js四舍五入取整" onclick="test3()" />    <input type="button" id="Button3" value="js丢弃小数,保留整数取整" onclick="test1()" /></body></html>

我们已经完成了准备工作,剩下就可以进行测试了,这里我们在输入框输入1.253 作为测试数据,测试1:“丢弃小数部分,保留整数部分 ”测试结果如图:

这里我们在输入框输入1.253 作为测试数据,测试2:“向上取整,有小数就整数部分加1 ”测试结果如图:

这里我们在输入框输入1.253 作为测试数据,测试3:“四舍五入 ”测试结果如图:

这里我们在输入框输入1.253 作为测试数据,测试4:“向下取整 ”测试结果如图:

很简单吧,这些都是比较常用的,希望大家收藏下,以备不时之需!

展开
为什么做前端一定要用到JS呢?

有人说就算没有JavaScript也可以做网页。以单纯的HTML+服务器端语言理论上也可以完成全部功能,那么,JavaScript存在的理由和必要性在哪里呢?

JS,全称 JavaScript

在浏览器端运行的一种客户端脚本语言,是介于HTML与服务器端开发语言之间的一个补充,以今天的开发趋势看,js所处的这个位置越来越重要,不可或缺。

一、在客户端表达的一些页面效果,使用javascript来实现,这种用法不需要服务器端响应干预,假如yahoo.com.cn的首页标签每切换都需要与服务器交互 的话,那服务器的运转负荷该有多大...

二、 只需要比较简单的数据。页面在经历某些操作后,需要与服务器交互取得新数据在页面显示,但所取的数据比较简单,页面上也只有很小的局部变化,这时如果重新与服务器交换整个页面状态,就需要重载整个页面,这时用JavaScript局部交换显然是比较划算,至少在下载速度上优势是明显的

如有需要相关资料可以关注我

展开
深入了解HTML5,什么是HTML5

1、为何是HTML5

PC时代:

Flash的浏览器插件非常普及,而且在各大游览器应用中几乎呈现垄断的局势,几乎成了所有PC的必备。Flash内容开发也成了网站前端程序员和美工的必备技能,不会用Flash几乎等同于不会做网页。

智能移动时代:

Flash天生的特性就决定了它不适合手机和平板的开发(播放器消耗的运算资源、网络流量、消耗电池能量太多;固定尺寸的播放器框架使网页难以对不同的浏览分辨率进行自适应; Flash功能在触摸屏上难以使用;主流移动浏览器大都没有Flash插件支持,等等)。

PC端网页浏览入口尚且可以应用,但随着页面功能和内容不断增加,Flash的弊端也越来越明显。移动设备远不及PC,智能手机和平板的屏幕尺寸也五花八,而且会对网页进行缩放旋转等操作,Flash在移动设备时代就注定over,时代呼唤新的技术降临。

HTML5时代:

Html5在过去以显示文字和静态图片内容为主的Html4语言基础删全新升级:新的标准可以直接在网页内嵌入视音频和较复杂的程序,而无需任何插件。没有了播放器的约束,网页不用再加载复杂的Flash框架后,消耗的性能、电量和流量也大大减少。此外,Html5一开始就为触摸屏操作提供了便利,开发者可以很容易地做出适合手机平板交互的页面。现更重要的是Html5兼容OS、windown、移动三大终端平台。

首先放弃Flash的是苹果,苹果意识到Flash在移动互联网时代已经没有前途的事实,全力推广Html5。由于苹果的市场地位大大加快了Html5取代Flash的进程。2010年苹果宣布放弃Flash两年后,短短数年时间,Html5已经在移动平台获得统治地位,成为所有浏览器的默认标准。

2、HTML5兼容性

IE9+

Firefox 3.5+

Chrome 3.0+

Safari 3.0+

Opera 10.5+

展开

声明:本文来源于网络,如有侵权请联系客服删除

TOP