JS-Math对象

简介: Math对象练习 Math属性代码验证 var x = document.getElementById('x'); function a(){ x.innerHTML = Math.E + '——返回算数常量e,即自然对数的底数。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Math对象练习</title>
</head>
<body>
<h1>Math属性代码验证</h1>
<input type="button" value="点击" onclick="a()"/><br/>
<span id="x"></span>
<script type="text/javascript">
var x = document.getElementById('x');
function a(){
x.innerHTML = Math.E + '——返回算数常量e,即自然对数的底数。<br/>' +Math.LN2 +'——返回2的自然对数<br/>'+Math.LN10+'——返回10的自然对数<br/>'+Math.LOG2E+'——返回以2为底的e的对数<br/>'+Math.LOG10E+'——返回以10为底的e的对数<br/>'+Math.PI+'——返回圆周率<br/>'+Math.SQRT1_2+'——返回2的平方根的倒数<br/>'+ Math.SQRT2 + '——返回2的平方根';
}//这里很奇怪的是,如果id为x的容器表现是textarea的话,换行符需要用\n才管用,换成了p、span、a等标签,用<br />就可以了
</script>
<h1>Math方法代码验证</h1>
<h3>ceil(x)向上舍入</h3>
<script type="text/javascript">
document.write('0.3向上取舍变成》》'+Math.ceil(0.3)+'<br />');
document.write('0.9》》'+Math.ceil(0.9)+'<br />');
document.write('6.3》》'+Math.ceil(6.3)+'<br />');
document.write('5》》'+Math.ceil(5)+'<br />');
document.write('3.5》》'+Math.ceil(3.5)+'<br />');
document.write('-5.1》》'+Math.ceil(-5.1)+'<br />');
document.write('-5.9》》'+Math.ceil(-5.9)+'<br />');
</script>
<h3>floor(x)向下舍入</h3>
<script type="text/javascript">
document.write('0.3向下取舍变成》》'+Math.floor(0.3)+'<br />');
document.write('0.9》》'+Math.floor(0.9)+'<br />');
document.write('6.3》》'+Math.floor(6.3)+'<br />');
document.write('5》》'+Math.floor(5)+'<br />');
document.write('3.5》》'+Math.floor(3.5)+'<br />');
document.write('-5.1》》'+Math.floor(-5.1)+'<br />');
document.write('-5.9》》'+Math.floor(-5.9)+'<br />');
</script>
<h3>round(x)四舍五入</h3>
<script type="text/javascript">
document.write('0.3四舍五入变成》》'+Math.round(0.3)+'<br />');
document.write('0.9》》'+Math.round(0.9)+'<br />');
document.write('6.3》》'+Math.round(6.3)+'<br />');
document.write('5》》'+Math.round(5)+'<br />');
document.write('3.5》》'+Math.round(3.5)+'对于0.5,进行上舍入<br />');
document.write('-5.1》》'+Math.round(-5.1)+'<br />');
document.write('-5.9》》'+Math.round(-5.9)+'<br />');
document.write('-5.5》》'+Math.round(-5.5)+'若两边相同接近,则结果接近x轴正方向的正无穷方向<br />');
document.write('-5.52》》'+Math.round(-5.52)+'<br />');
</script>
</body>
</html>

目录
相关文章
|
11天前
|
存储 JavaScript 索引
js开发:请解释什么是ES6的Map和Set,以及它们与普通对象和数组的区别。
ES6引入了Map和Set数据结构。Map的键可以是任意类型且有序,与对象的字符串或符号键不同;Set存储唯一值,无重复。两者皆可迭代,支持for...of循环。Map有get、set、has、delete等方法,Set有add、delete、has方法。示例展示了Map和Set的基本操作。
19 3
|
14天前
|
JavaScript 前端开发 开发者
JavaScript的`Math`对象
【4月更文挑战第21天】JavaScript的`Math`对象
18 3
|
6天前
|
前端开发 JavaScript 数据安全/隐私保护
前端javascript的DOM对象操作技巧,全场景解析(二)
前端javascript的DOM对象操作技巧,全场景解析(二)
|
6天前
|
移动开发 缓存 JavaScript
前端javascript的DOM对象操作技巧,全场景解析(一)
前端javascript的DOM对象操作技巧,全场景解析(一)
|
6天前
|
缓存 编解码 自然语言处理
前端javascript的BOM对象知识精讲
前端javascript的BOM对象知识精讲
|
6天前
|
JavaScript 前端开发
JavaScript 日期对象
JavaScript 日期对象
|
6天前
|
存储 JavaScript 前端开发
JavaScript对象
JavaScript对象
|
6天前
|
JavaScript 前端开发
JavaScript的math对象
JavaScript的math对象
|
6天前
|
JavaScript 前端开发
JavaScript DOM 文档对象模型(获取、改变html元素)
JavaScript DOM 文档对象模型(获取、改变html元素)
|
6天前
|
JavaScript 前端开发
【专栏】Javascript 对象的深浅拷贝
【4月更文挑战第29天】JavaScript中的对象拷贝分为浅拷贝和深拷贝。浅拷贝仅复制对象引用,修改拷贝会影响原始对象,如使用直接赋值、`Object.assign()`、扩展运算符和`Array.prototype.concat()`。深拷贝则创建独立副本,修改不影响原始对象,可通过递归、`JSON.stringify()`和`JSON.parse()`、Lodash的`cloneDeep()`或jQuery的`jQuery.extend()`实现。