用js快速求出三角形面积
三角形面积的公式大家应该都知道吧，也就是面积等于二分之一乘以底乘以高，哈哈，忘了也没关系，本文就给大家介绍如何用js计算三角形面积。
首先给大家简单介绍下，三角形面积公式：
三角形面积公式是指使用算式计算出三角形的面积，同一平面内，且不在同一直线的三条线段首尾顺次相接所组成的封闭图形叫做三角形，符号为△。
如下图：
那么在简单了解三角形面积公式之后，我来给大家出一个问题：“请你编写一个 JavaScript 函数来计算一个三角形的面积，其中三个边的长度为 4、5、6”。
不知道各位有没有计算思路~
下面是我给出的方法：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script>
var side1 = 4;
var side2 = 5;
var side3 = 6;
var s = (side1 + side2 + side3)/2;
var area = Math.sqrt(s*((s-side1)*(s-side2)*(s-side3)));
console.log(area);
</script>
</body>
</html>
计算结果是：
9.921567416492215
其实这就是一个数学题了！
不过还需要大家掌握一个知识点就是海伦公式，海伦公式又译作希伦公式、海龙公式、希罗公式、海伦－秦九韶公式；它是利用三角形的三条边的边长直接求三角形面积的公式；表达式为：S=√p(p-a)(p-b)(p-c)。
通俗解释就是：
已知三边是a,b,c，这里我们例子的边长分别是4、5、6；
令p=(a+b+c)/2，也就是代码中的“(side1 + side2 + side3)/2”
面积就是S=√[p(p-a)(p-b)(p-c)]，就是“Math.sqrt(s*((s-side1)*(s-side2)*(s-side3)));”。
这里需要大家了解一个函数，就是Math.sqrt()函数，该函数用于返回一个数的平方根；
→注：由于 sqrt 是 Math 的静态方法，所以应该像这样使用：Math.sqrt()，而不是作为你创建的 Math 实例的方法。
最后给大家推荐《JavaScript基础教程》~欢迎大家学习~
以上就是用js快速求出三角形面积的详细内容！
相关内容
-
为什么css放上面js放下面
css放上面js放下面的原因：1、在加载html生成DOMtree的时候，可以同时对DOMtree进行渲染，这样可以防止闪跳，白屏或者布局混乱；2、javascript加载后会...
-
js如何修改css
js修改css的方法：1、使用【obj.style.cssTest】来修改嵌入式的css；2、使用【bj.className】来修改样式表的类名；3、使用更改外联的css文件，...
-
js如何改变css样式
js改变css样式的方法：1、使用cssText方法；2、使用【setProperty()】方法；3、使用css属性对应的style属性。本教程操作环境：windows7系统、...
-
如何使用纯CSS、JS实现图片轮播效果
本篇文章给大家详细介绍一下使用纯CSS、JS实现图片轮播效果的方法。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。<!DOCTYPEhtml>&l...
-
js如何修改css样式
js修改css样式的方法：1、使用【obj.className】来修改样式表的类名；2、使用【obj.style.cssTest】来修改嵌入式的css；3、使用【obj.cla...
-
聊聊CSS 与 JS 是如何阻塞 DOM 解析和渲染的
本篇文章给大家介绍一下CSS和JS阻塞DOM解析和渲染的原理。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。hello~各位亲爱的看官老爷们大家好。估计大家都...
-
tp5如何引入css文件
tp5引入css文件的方法：1、将css文件放在public目录下的static文件里即可；2、在页面引入中写上“<linkrel="stylesheet&qu...
-
10款好看且实用的文字动画特效，让你的页面更吸引人！
图片和文字是网页不可缺少的组成部分，图片运用得当可以让网页变得生动，但普通的文字不行。那么就可以给文字添加一些样式，实现一下好看的文字效果，让页面变得更交互，更吸引人。下面PH...
-
HTML+CSS+JS实现雪花飘扬（代码分享）
使用HTML+CSS+JS如何实现下雪特效？下面本篇文章给大家分享一个HTML+CSS+JS实现雪花飘扬的示例，希望对大家有所帮助。很多南方的小伙伴可能没怎么见过或者从来没见过...
-
详细介绍下js中的window与document
首先我们来看看window，它代表的是浏览器中一个打开的窗口。对象属性 window//窗口自身 window.self//引用本窗户window=window.self ...
