Rumah >hujung hadapan web >tutorial js >讲解数学对象Math相关内容

讲解数学对象Math相关内容

jackloveasal: 2018-06-11 17:42:141610semak imbas

数学对象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(&#39;span&#39;),
	btn  = document.getElementById(&#39;btn&#39;),
	userName = document.getElementById(&#39;userName&#39;),
	userPwd = document.getElementById(&#39;userPwd&#39;),
	yzm = document.getElementById(&#39;yzm&#39;);
var str = &#39;abcdefghigklmnopqrstuvwxyz1234567890&#39;;
var str1 = &#39;&#39;;
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 == &#39;admin&#39;){
		if(userPwd.value == &#39;admin&#39;){
			if(yzm.value == span.innerHTML){
				location.href = &#39;login.html&#39;
				
			}else{
				alert(&#39;验证码不对&#39;)
			}
		}else{
			alert(&#39;密码不能为空&#39;)
		}
	}else{
		alert(&#39;用户名不能为空&#39;)
	}
}

<!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=&#39;span&#39;></span><br />
<input type="button" name="" id="btn" value="登录" /><br />
</form>
<script src="script.js"></script>
</body>
</html>

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

Artikel berkaitan

Lihat lagi