JavaScript Math方法的基本使用
1.Math.sin()方法
定义：返回一个数的正弦。
语法：Math.sin(x),x必须是一个数值。
实例：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Math</title>
</head>
<body>
<p id="demo">点击返回1的正弦值</p>
<button οnclick="sin()">点我</button>
<script>
function sin(){
document.getElementById("demo").innerHTML=Math.sin(1);
}
</script>
</body>
</html>
2.Math.cos()方法
定义：返回一个数的余弦。
语法：Math.cos(x),x必须是一个数值。
实例：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Math</title>
</head>
<body>
<p id="demo">点击返回1的余弦值</p>
<button οnclick="cos()">点我</button>
<script>
function cos(){
document.getElementById("demo").innerHTML=Math.cos(1);
}
</script>
</body>
</html>
3.Math.tan()方法
定义：返回一个表示某个角的正切的数字。
语法：Math.tan(x); x必须是一个数值。
实例：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Math</title>
</head>
<body>
<p id="demo">点击返回1的正切值</p>
<button οnclick="tan()">点我</button>
<script>
function tan(){
document.getElementById("demo").innerHTML=Math.tan(1);
}
</script>
</body>
</html>
4.Math.asin()方法
定义：返回一个数的反正弦值。
语法：Math.asin(x)，x必须是-1.0~1.0之间的数值。
实例：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Math</title>
</head>
<body>
<p id="demo">点击返回1的反正弦值</p>
<button οnclick="asin()">点我</button>
<script>
function asin(){
document.getElementById("demo").innerHTML=Math.asin(1);
}
</script>
</body>
</html>
5.Math.acos()方法
定义：返回一个数的反余弦值。
语法：Math.acos(x);x必须是-1.0~1.0之间的数值。
实例：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Math</title>
</head>
<body>
<p id="demo">点击返回1的反余弦值</p>
<button οnclick="acos()">点我</button>
<script>
function acos(){
document.getElementById("demo").innerHTML=Math.acos(1);
}
</script>
</body>
</html>
6.Math.atan()方法
定义：返回一个表示某个角的反正切的数字。
语法：Math.atan(x);x必须是一个数值。
实例：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Math</title>
</head>
<body>
<p id="demo">点击返回1的反正切值</p>
<button οnclick="atan()">点我</button>
<script>
function atan(){
document.getElementById("demo").innerHTML=Math.atan(1);
}
</script>
</body>
</html>
7.Math.abs()方法
定义：返回传入值的绝对值。
语法：Math.abs(x);x必须是一个数值。
实例：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Math</title>
</head>
<body>
<p id="demo">点击返回-11.21的绝对值</p>
<button οnclick="abs()">点我</button>
<script>
function abs(){
document.getElementById("demo").innerHTML=Math.abs(-11.21);//返回11.21
}
</script>
</body>
</html>
8.Math.ceil()方法
定义：对一个数进行向上舍入（进一法）。
语法：Math.ceil(x);x必须是一个数值，如果传入值是整数，则该值不变。
实例：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Math</title>
</head>
<body>
<p id="demo">点击返回Math.ceil(1.1)的值</p>
<button οnclick="ceil()">点我</button>
<script>
function ceil(){
document.getElementById("demo").innerHTML=Math.ceil(1.1); //返回2
}
</script>
</body>
</html>
9.Math.floor()方法
定义：返回一个小等于x的最大整数（向下取整）。
语法：Math.floor(x);x必须是一个数值，如果传入值是整数，则该值不变。
实例：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Math</title>
</head>
<body>
<p id="demo">点击返回Math.floor(1.1)的值</p>
<button οnclick="floor()">点我</button>
<script>
function floor(){
document.getElementById("demo").innerHTML=Math.floor(1.1); //返回1
}
</script>
</body>
</html>
10.Math.max()方法
定义：返回传入值中的最大值。
语法：Math.max(n1,n2,n3,...,nx);n必须是数值。
实例：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Math</title>
</head>
<body>
<p id="demo">点击返回传入值（1 ,1.1 ,5）中的最大值</p>
<button οnclick="max()">点我</button>
<script>
function max(){
document.getElementById("demo").innerHTML=Math.max(1，1.1,5);//返回5
}
</script>
</body>
</html>
11.Math.min()方法
定义：返回传入值中的最小值
语法：Math.min(n1,n2,n3,...,nx);n必须是数值。
实例：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Math</title>
</head>
<body>
<p id="demo">点击返回传入值(1,1.1,5)中的最小值</p>
<button οnclick="min()">点我</button>
<script>
function min(){
document.getElementById("demo").innerHTML=Math.min(1,1.1,5);//返回1
}
</script>
</body>
</html>
12.Math.pow()方法
定义：返回一个数的n次幂。
语法：Math.pow(x,y);x,y必须是数值。
实例：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Math</title>
</head>
<body>
<p id="demo">点击返回2的3次方</p>
<button οnclick="pow()">点我</button>
<script>
function pow(){
document.getElementById("demo").innerHTML=Math.pow(2,3); //返回8
}
</script>
</body>
</html>
13.Math.random()方法
定义：返回一个介于 0（包含） ~ 1（不包含） 之间的随机数：
语法：Math.random();
实例：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Math</title>
</head>
<body>
<p id="demo">点击返回一个随机数</p>
<button οnclick="ceil()">点我</button>
<script>
function ceil(){
document.getElementById("demo").innerHTML=Math.random();//返回一个随机数
}
</script>
</body>
</html>
14.Math.round()方法
定义：将传入值进行四舍五入
语法：Math.round(x);x必须是一个数值
实例：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Math</title>
</head>
<body>
<p id="demo">点击返回2.1四舍五入后的值</p>
<button οnclick="round()">点我</button>
<script>
function round(){
document.getElementById("demo").innerHTML=Math.round(2.1); //返回2
}
</script>
</body>
</html>
15.Math.sqrt()方法
定义：返回一个数的平方根
语法：Math.sqrt(x);x必须是一个数值
实例：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Math</title>
</head>
<body>
<p id="demo">点击返回4的平方根</p>
<button οnclick="sqrt()">点我</button>
<script>
function sqrt(){
document.getElementById("demo").innerHTML=Math.sqrt(4);//返回2
}
</script>
</body>
</html>
16.Math.exp()方法
定义：返回E的n次幂（E为自然底数，E≈2.7183）。
语法：Math.exp(x);x必须是数值。
实例：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Math</title>
</head>
<body>
<p id="demo">点击返回E的二次幂</p>
<button οnclick="exp()">点我</button>
<script>
function exp(){
document.getElementById("demo").innerHTML=Math.exp(2);//返回7.38905609893065
}
</script>
</body>
</html>
17.Math.log()方法
定义：返回传入值的自然对数。
语法：Math.log(x);x必须是一个数值。
实例：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Math</title>
</head>
<body>
<p id="demo">点击返回2的自然对数</p>
<button οnclick="log()">点我</button>
<script>
function log(){
document.getElementById("demo").innerHTML=Math.log(2);//返回0.6931471805599453
}
</script>
</body>
</html>
JavaScript Math方法的基本使用的更多相关文章
- JavaScript 数学 (Math) 方法
一.Math 方法 1.Math.round(x) 的返回值是 x 四舍五入为最接近的整数: Math.round(7.8); // 返回 8 Math.round(3.3); // 返回 3 2.M ...
- javascript 取整,取余数 math方法
1.丢弃小数部分,保留整数部分 parseInt() 函数可解析一个字符串,并返回一个整数. parseInt(string, radix) 参数 描述 string 必需.要被解析的字符串. rad ...
- JavaScript Math 对象
JavaScript Math 对象 Math 对象 Math 对象用于执行数学任务. Math 对象并不像 Date 和 String 那样是对象的类,因此没有构造函数 Math(). 语法 var ...
- JavaScript Math 对象的常用方法
JavaScript Math 对象 Math 对象 Math 对象用于执行数学任务. 使用 Math 的属性和方法的语法: var pi_value=Math.PI; var sqrt_value= ...
- JavaScript数组方法--every、some、fill
接上一篇,JavaScript数组方法--concat.push,继续其他的数组方法. every:every() 方法测试数组的所有元素是否都通过了指定函数的测试. 先看其使用方法: functio ...
- JavaScript使用方法和技巧大全
有些时候你精通一门语言,但是会发现你其实整天在和其它语言打交道,也许你以为这些微不足道,不至于影响你的开发进度,但恰恰是这些你不重视的东西会浪费你很多时间,我一直以为我早在几年前就已经精通Ja ...
- javascript:apply方法 以及和call的区别 （转载）
javascript:apply方法 1. apply和call的区别在哪里 2. 什么情况下用apply,什么情况下用call 3. apply的其他巧 ...
- 松软科技web课堂:JavaScript Math 对象
JavaScript Math 对象允许您对数字执行数学任务. 实例 Math.PI; // 返回 3.141592653589793 Math.round() Math.round(x) 的返回值是 ...
- 浏览器端-W3School-JavaScript：JavaScript Math 对象
ylbtech-浏览器端-W3School-JavaScript:JavaScript Math 对象 1.返回顶部 1. Math 对象 Math 对象用于执行数学任务. 使用 Math 的属性和方 ...
随机推荐
- 高通量计算框架HTCondor(三)——使用命令
目录 1. 目录 2. 进程 3. 命令 3.1. condor_q 3.2. condor_status 3.3. conodr_submit 3.4. conodr_rm 4. 相关 1. 目录 ...
- [bzoj2668] [洛谷P3159] [cqoi2012] 交换棋子
Description 有一个n行m列的黑白棋盘,你每次可以交换两个相邻格子(相邻是指有公共边或公共顶点)中的棋子,最终达到目标状态.要求第i行第j列的格子只能参与mi,j次交换. Input 第一行 ...
- 深入浅出| java中的clone方法
每天进步一丢丢,连接梦与想 我们还年轻,但这不是你浪费青春的理由 克隆和复制 clone,有人称之为克隆,有人称之为复制,其实都是同一个东西 本文称之为"克隆",毕竟人家方法名叫& ...
- dotnet restore 初次运行 这个 指令 会安装 特别多的 4.0.0 或者 4.1 的 rc2-24027的 东东 这些东西。
- vijos 分梨子
点击打开题目 很有(wei)趣(suo)的一道题 暴力解法也不难,枚举大小下限与甜度下限,在一个一个地试 显然 O(n^3) 炸掉 但如何将其缩短,只好从那个式子来入手了: C1⋅(ai−a0)+C2 ...
- 超越队西柚考勤系统--Beta冲刺2
超越队西柚考勤系统- -beta冲刺2 格式描述 这个作业属于哪个课程 课程链接 这个作业要求在哪里 作业链接 团队名称 超越队(西柚考勤系统) 这个作业的目标 对alpha版本的程序进行改进,代码核 ...
- Rainbow Plan团队项目第一次作业——项目计划
团队项目--Rainbow Plan英语学习App 1.团队简介 1.1团队名称:Rainbow Plan (彩虹计划) 1.2团队成员: 队员学号 队员姓名 201731024235 何继武(组长) ...
- c#数字图像处理（九）图像镜像
private void mirror_Click(object sender, EventArgs e) { if (curBitmap!=null) { mirror mirForm = new ...
- 史上最详细的二叉树、B树，看不懂怨我
今天我们要说的红黑树就是就是一棵非严格均衡的二叉树,均衡二叉树又是在二叉搜索树的基础上增加了自动维持平衡的性质,插入.搜索.删除的效率都比较高.红黑树也是实现 TreeMap 存储结构的基石. 1.二 ...
- Android教程2020 - RecyclerView显示多种item
Android教程2020 - 系列总览 本文链接 前面我们已经用RecyclerView显示一些数据.也知道如何获取滑动的距离. 前面我们的列表中显示的都是同类数据.如果要在一个列表中显示不同类别的 ...