Javascript学习笔记(10) --数学对象Math

数学对象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>


猜你喜欢

转载自blog.csdn.net/weixin_39209728/article/details/80639529