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方法的基本使用的更多相关文章

  1. JavaScript 数学 (Math) 方法

    一.Math 方法 1.Math.round(x) 的返回值是 x 四舍五入为最接近的整数: Math.round(7.8); // 返回 8 Math.round(3.3); // 返回 3 2.M ...

  2. javascript 取整,取余数 math方法

    1.丢弃小数部分,保留整数部分 parseInt() 函数可解析一个字符串,并返回一个整数. parseInt(string, radix) 参数 描述 string 必需.要被解析的字符串. rad ...

  3. JavaScript Math 对象

    JavaScript Math 对象 Math 对象 Math 对象用于执行数学任务. Math 对象并不像 Date 和 String 那样是对象的类,因此没有构造函数 Math(). 语法 var ...

  4. JavaScript Math 对象的常用方法

    JavaScript Math 对象 Math 对象 Math 对象用于执行数学任务. 使用 Math 的属性和方法的语法: var pi_value=Math.PI; var sqrt_value= ...

  5. JavaScript数组方法--every、some、fill

    接上一篇,JavaScript数组方法--concat.push,继续其他的数组方法. every:every() 方法测试数组的所有元素是否都通过了指定函数的测试. 先看其使用方法: functio ...

  6. JavaScript使用方法和技巧大全

        有些时候你精通一门语言,但是会发现你其实整天在和其它语言打交道,也许你以为这些微不足道,不至于影响你的开发进度,但恰恰是这些你不重视的东西会浪费你很多时间,我一直以为我早在几年前就已经精通Ja ...

  7. javascript:apply方法 以及和call的区别 (转载)

    javascript:apply方法   1.        apply和call的区别在哪里 2.        什么情况下用apply,什么情况下用call 3.        apply的其他巧 ...

  8. 松软科技web课堂:JavaScript Math 对象

    JavaScript Math 对象允许您对数字执行数学任务. 实例 Math.PI; // 返回 3.141592653589793 Math.round() Math.round(x) 的返回值是 ...

  9. 浏览器端-W3School-JavaScript:JavaScript Math 对象

    ylbtech-浏览器端-W3School-JavaScript:JavaScript Math 对象 1.返回顶部 1. Math 对象 Math 对象用于执行数学任务. 使用 Math 的属性和方 ...

随机推荐

  1. options请求(复杂请求)

    1.请求发送: HEAD. GET. POST2.请求头信息:    Accept    Accept-Language    Content-Language    Last-Event-ID    ...

  2. 机器学习-向量机SVM

    一.介绍 二.编程 1.支持向量机的核函数 import numpy as npimport matplotlib.pyplot as pltfrom sklearn import svmfrom s ...

  3. 大叔 EF 来分析 EntityFrameworks.Data.Core 1

    Common 1SQL命令拦截器主要实现EF的读写分离 SqlCommandInterceptor 继承父类DbCommandInterceptor 2SQL锁选项SqlLock 3忽略大小写,作为C ...

  4. 移动端ui框架

    https://blog.csdn.net/Robin_star_/article/details/81810197

  5. Servlet梳理

    Servlet 梳理 概述 Web 技术成为当今主流的互联网 Web 应用技术之一,而 Servlet 是 Java Web 技术的核心基础. 要介绍 Servlet 必须要先把 Servlet 容器 ...

  6. C/C++画一个巨型五角星

    把朱老师拉着画了半天 利用正弦定理判断一个点是否是否在五角星内,相对于五角星中心的四个象限特判一下来修改角度,把角度都转化成最上面的角,就差不多了,没仔细调整五角星位置,很丑 当然其实也有更方便的方法 ...

  7. 如何用Git.io来生成自定义后缀名的短网址

    如何用Git.io来生成自定义后缀名的短网址 git.io是Github的官方短网址,它是用来缩短Github上项目的网址. 效果:Git.io/wacsh将会跳转到https://xhemj.git ...

  8. SpringBoot安全篇Ⅵ --- 整合Spring Security

    知识储备: 关于SpringSecurity的详细学习可以查看SpringSecurity的官方文档. Spring Security概览 应用程序的两个主要区域是"认证"和&qu ...

  9. Mybatis基础(二)

    Mybatis连接池 Mybatis连接池提供了三种配置方式,配置的位置在SqlMapConfig.xml的dataSource标签中,其type属性就是配置连接池的种类.type的可取值 1.POO ...

  10. 004-OSI参考模型和分层思想

    OSI参考模型 应用层 所有能产生网络流量的程序 表示层 在传输之前是否进行加密或者压缩处理 涉及安全问题 会话层 Session 是建立在传输层之上,利用传输层提供的服务,使应用建立和维持会话,并能 ...