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 的属性和方 ...
随机推荐
- redis 支持事务
pipe = conn.pipeline(transaction=True) pipe.multi() pipe.set(') pipe.hset('k3','n1',666) pipe.lpush( ...
- C++模板编程与宏编程经验谈
C++模板编程与宏编程经验谈 有人说C 与C++的不同主要是因为C++支持模板,不要说区别是面向对象化编程,因为C同样能很好的实现对象化编程,面向对象化其实只是思想,在很多语言中都能实现,区别在于实现 ...
- Exception in thread "main" java.lang.AbstractMethodError: org.springframework.boot.context.config.ConfigFileApplicationListener.supportsSourceType(Ljava/lang/Class;)Z
依赖冲突,查看pom.xml文件 查看parent项目的依赖版本为 <parent> <groupId>org.springframework.boot</groupId ...
- 【模板】2-SAT问题
问题简述 有 \(n\) 个变量,每个变量可赋为 \(1\) 或 \(0\) 必须满足一些限制条件,如" \(a\) 为1 或 \(b\) 为0 " " \(a\) 为0 ...
- Ninja构建系统入门
1. 介绍 开篇先介绍.先甩资料给大家看,之后再自己演示一下基本使用.Ninja 是Google的一名程序员推出的注重速度的构建工具,一般在Unix/Linux上的程序通过make/makefile来 ...
- 【WPF学习】第二十三章 列表控件
WPF提供了许多封装项的集合的控件,本章介绍简单的ListBox和ComboBox控件,后续哈会介绍更特殊的控件,如ListView.TreeView和ToolBar控件.所有这些控件都继承自Item ...
- UML类图的情话诉说
你知道吗这个世界是个繁杂而又简单的世界 你我在冥冥中都有联系 有时候,你像我的妈妈一样,对你依赖满满, 没有你我不知道何去何从(依赖) 有时候,看你,真如我亲爱孩子般,想一直拥你入我怀抱,但我知道终究 ...
- top100tools
Top 100 Tools for Learning 2013 2142 EmailShare Here are the Top 100 Tools for Learning 2013 – the ...
- 《Android Studio实战 快速、高效地构建Android应用》--Android Studio操作
前言 摩尔定律:CPU的处理能力大约18个月翻一倍 Android&Java:想要在Android Studio中开发Android App,必须以充分了解Java为前提(Java流行的原因: ...
- [pathlib]内置pathlib库的常用属性和方法
pathlib中的Path类可以创建path路径对象, 属于比os.path更高抽象级别的对象. 官网 from pathlib import Path path = Path(__file__) p ...