JavaScript Math方法的基本使用

最新推荐文章于 2024-02-23 19:13:17 发布
最新推荐文章于 2024-02-23 19:13:17 发布
阅读量703 收藏 3
点赞数 3
分类专栏： JavaScript html 文章标签： javascript js web html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_22154647/article/details/104460888
版权

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 onclick="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 onclick="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 onclick="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 onclick="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 onclick="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 onclick="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 onclick="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 onclick="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 onclick="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 onclick="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 onclick="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 onclick="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 onclick="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 onclick="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 onclick="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 onclick="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 onclick="log()">点我</button>
<script>
function log(){
	document.getElementById("demo").innerHTML=Math.log(2);//返回0.6931471805599453
}
</script>
</body>
</html>

 

fjxylin
关注
  • 3
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
math.asin_JavaScript中带有示例的Math.asin（）方法
cumt951045的博客
07-05 1699
math.asin JavaScript | Math.asin()方法 (JavaScript | Math.asin() Method) Math.asin() is a function in math library of JavaScript that is used to find the value of arcsine of a number and return the valu...
JavaScript中Math的用法
前端技术的学习整理
08-23 2499
《一》 Math 对象用于执行数学任务。 Math 对象并不像 Date 和 String 那样是对象的类，因此没有构造函数 Math()。 使用 Math 的属性和方法的语法： var pi_value=Math.PI; var sqrt_value=Math.sqrt(15); 注释：Math 对象并不像 Date 和 String 那样是对象的类，因此没有构造函数 Math...
JavaScript中的Math.sin()方法使用详解
12-12
这个方法返回一个数字的正弦。sin方法返回-1到1之间的数值，它表示参数的正弦值。 语法 Math.sin( x ) ; 下面是参数的详细信息：     x: 一个数字 返回值: 返回一个数字的正弦值 例子： <html> <head> <title>JavaScript Math sin() Method</title> </head> <body> [removed] var value = Math.sin( 0.5 ); [removed]("First Test Value : " + value ); var v
JS Math.sin() 与 Math.cos() 用法(画圆)
热门推荐
chelen_jak的专栏
05-25 1万+
原文出处：https://blog.csdn.net/u010227447/article/details/45892745Math.sin(x)      x 的正玄值。返回值在 -1.0 到 1.0 之间；Math.cos(x)    x 的余弦值。返回的是 -1.0 到 1.0 之间的数；这两个函数中的X 都是指的“弧度”而非“角度”, 弧度的计算公式为： 2*PI/360*角度；30° 角...
JavaScript(JS) Math.asin( x )
亮亮的专栏
09-19 137
Math对象为数学常量和函数提供属性和方法。与其他全局对象不同，Math不是构造函数。Math的所有属性和方法都是静态的，可以通过将Math作为对象来调用，而无需创建它。本文主要介绍JavaScript(JS) Math.asin( x ) 方法。 原文地址：JavaScript(JS) Math.asin( x ) ...
JS Math.sin() 与 Math.cos() 用法实例剖析
langke0124的博客
09-04 1511
Math.sin(x) x 的正玄值。返回值在 -1.0 到 1.0 之间； Math.cos(x) x 的余弦值。返回的是 -1.0 到 1.0 之间的数； 这两个函数中的X 都是指的“弧度”而非“角度”，弧度的计算公式为： 2*PI/360*角度； 30° 角度 的弧度 = 2*PI/360*30 1、如何得到圆上每个点的坐标？ 解决思路：根据三角形的正玄、余弦来得值； 假设...
JavaScript常用基础算法
玖尘的博客
02-18 4277
一、字符串 1.字符串中出现最多次数的字符 function findMaxDuplicateChar(str) { var cnt = {}, // 用来记录所有的字符的出现频次 c = ""; // 用来记录最大频次的字符 for (var i = 0; i < str.length; i++) { var ci = str[i]; if (!cnt[ci]) {
JavaScript中Math对象使用说明
12-09
使用方法： Math.[{property | method}] 其中property是必选项。Math 对象的一个属性名。 method是必选项。Math.对象的一个方法名。 JavaScript中Math对象不能用 new 运算符创建，如果试图这样做则给出错误。该...
在JavaScript中使用对数Math.log()方法的教程
10-24
使用方法 `Math.log()`方法的基本语法是： ```javascript Math.log(x) ``` 其中，`x` 是一个必须提供的参数，表示要计算其自然对数的数值。这个数值可以是任何实数，包括正数、负数、零以及正无穷大。 ### 2. ...
JavaScript中Math对象的方法介绍
11-28
在JavaScript中，`Math`对象是一个内置对象，它提供了一系列用于数学运算的方法。这些方法涵盖了从基本的比较最值、数值舍入到更复杂的数学计算，如随机数生成和三角函数。以下是对`Math`对象中提及的一些主要方法的...
Javascript Math对象
10-29
总的来说，JavaScript的Math对象是一个强大的工具，它包含了处理各种数学问题所需的基本功能，能够帮助开发者在不依赖额外库的情况下进行复杂的数学运算。理解和掌握这些方法和属性对于提升JavaScript编程能力至关...
JavaScript Math对象和调试程序的方法分析
11-30
JavaScript Math对象是JavaScript内置的对象，提供了许多用于数学计算的静态方法。这些方法涵盖了从基本的算术运算到更复杂的数学函数，例如平方根、对数、指数和三角函数。Math对象的一些常用方法包括： 1. **Math...
js的math函数用法总结
weixin_43258184的博客
04-06 572
1.获取绝对值 Math.abs() Math.abs(-12) === 12 2.向上取整 Math.ceil() Math.ceil(12.03) === 13 3.向下取整 Math.floor() Math.floor(12.3) === 12 4.四舍五入,取整 Math.round() 正数时，包含5是向上取整。负数时，包含5是向下取整。 Math.round(3.5) === 4 5.取[0,1)的随机小数 Math.random() 案例1：获取[0,10]的随机整数 con
JS 的 Math.sin() 与 Math.cos() 用法(小球的曲线运动)
qq_45623325的博客
12-29 1284
JS 的 Math.sin() 与 Math.cos() 用法(小球沿轨迹做运动) 功能实现后红色小球会沿着黑线做顺时针运动 上代码 <html> <head> <style type="text/css"> .warp { position: relative; width: 500px; height: 120px; border-rad
java.math.Math类常用的常量和方法
pergoods的博客
07-06 217
Math.PI 记录的圆周率 Math.E记录e的常量 Math.abs 求绝对值 Math.sin 正弦函数 Math.asin 反正弦函数 Math.cos 余弦函数 Math.acos 反余弦函数 Math.tan 正切函数 Math.atan 反正切函数 Math.atan2 商的反正切函数 Math.toDegrees 弧度转化为角度 Math.toRadians 角度转...
Javascript中Math常用操作，向上取整、向下取整、四舍五入
青颜的天空的博客
07-02 6277
1.概述 Math是一个内置对象，它拥有一些数学常数属性和数学函数方法。Math 不是一个函数对象。Math 用于 Number 类型。 Math 不是一个构造器。Math 的所有属性与方法都是静态的。Math 的常量是使用 JavaScript 中的全精度浮点数来定义的。 2.方法 需要注意的是，三角函数 sin()、cos()、tan()、asin()、acos()、atan() 和 atan2()返回的值是弧度而非角度。 若要转换，弧度除以 (Math.PI / 180) 即可转换为角度，同理，角度
无涯教程-Javascript - asin()函数
最新发布
无涯教程
02-23 762
此方法返回以数字弧度表示的反正弦，ASIN方法返回-pi/2和pi/2弧度之间的数值，x介于-1和1之间。如果number的值超出此范围，则返回NaN。
前端关于 js 的 Math 对象
John_jian_yo的博客
07-08 225
Math 对象属性 Math.E; //2.718281828459045 一个数字,表示 Euler的数 Math.LN2; //0.6931471805599453 LN2 属性就是 loge2，即 2 的自然对数，其值近似于 0.69314718055994528623。 Math.LN10; //2.302585092994046 LN10 属性就是 loge10，即 10 的自然对数，其值近似于 2.3025850929940459011。 Math.LOG2E; //1.4...
html css二级导航栏
fjxylin
01-04 2998
二级导航栏制作： 1.将一级导航栏去除列表样式（list-style:none），并给予浮动，使其横向排列（float:left） 2.给每个li中添加一个<a></a>标签，给a设置样式,使其成为块级元素( display:block)，这样只需要点击当前 li 范围区域即可触发a的跳转 3.给需要添加二级导航栏的li里面添加 ul>li ,给个类名，设置其...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值