讲解数学对象Math相关内容

2020-11-27 来源：步旅网

数学对象Math

一、方法

1》 Math.min(参数1,参数2,参数3) 求出参数中最小值

2》 Math.max(参数1,参数2,参数3) 求出参数中最大值

3》 Math.floor() 舍掉小数得到整数

4》 Math.ceil() 有小数点就进1取整（舍去小数部分，得到整数部分+1）

5》 Math.abs() 获取绝对值

6》 Math.sqrt() 开平方的

7》 Math.random() 随机数 (范围0-1之间)

8》 Math.round() 四舍五入

//数学对象Math
/*var min = Math.min(3,5,6,1);//求出参数中最小值
document.write(min)
var max = Math.max(33,44,88,29);//求出参数中最大值
document.write(max)
*/
/*
var num1 = 3.1415926;
document.write(Math.floor(num1));//舍掉小数得到整数
document.write(parseInt(num1))
document.write(Math.ceil(num1));//有小数点就进1取整（舍去小数部分，得到整数部分+1）
var num1= -5
document.write(Math.abs(num1));//取绝对值
var num2 = 64
document.write(Math.sqrt(num2));//开平方
*/
//document.write(Math.random());//随机数 (范围0-1之间)
//案例 范围是0-5之间的随机数
//document.write(Math.floor(Math.random()*5));
/*var num = 3.5
document.write(Math.round(num)); //四舍五入
*/
//案例 表单随机验证码
var span = document.getElementById('span'),
	btn = document.getElementById('btn'),
	userName = document.getElementById('userName'),
	userPwd = document.getElementById('userPwd'),
	yzm = document.getElementById('yzm');
var str = 'abcdefghigklmnopqrstuvwxyz1234567890';
var str1 = '';
for(var i = 0; i < 4 ; i ++ ){
	str1 += str[Math.floor(Math.random()*str.length)]
}
span.innerHTML =str1;
// Math.floor(Math.random()*9000)+1000 ;//innerHTML 往元素中 写入html代码
//document.write( 	Math.floor(Math.random()*9000)+1000 );
btn.onclick = function(){
	if(userName.value == 'admin'){
	if(userPwd.value == 'admin'){
	if(yzm.value == span.innerHTML){
	location.href = 'login.html'
	
	}else{
	alert('验证码不对')
	}
	}else{
	alert('密码不能为空')
	}
	}else{
	alert('用户名不能为空')
	}
}

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<!--案例
用户名
密码
验证码===》数字4位数的随机 （混合 数字 字母 4位数随机）
以上所有内容都完成 都为true ====>登录 跳转页面-->
<form action="" method="post">
用户名 <input type="text" id="userName"/><br />
密码 <input type="password" id="userPwd"/><br />
验证码 <input type="" name="" id="yzm" value="" /><span id='span'></span><br />
<input type="button" name="" id="btn" value="登录" /><br />
</form>
<script src="script.js"></script>
</body>
</html>

本文讲解了数学对象Math相关内容，更多相关内容请关注Gxl网。

显示全文

全部栏目

讲解数学对象Math相关内容