首页  >  文章  >  web前端  >  讲解数学对象Math相关内容

讲解数学对象Math相关内容

jacklove
jacklove原创
2018-06-11 17:42:141566浏览

数学对象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 == &#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中文网。

相关推荐:

关于JS和JSP的区别讲解

Javascript中的this的讲解

关于微信小程序上传word、txt、Excel、PPT等文件的详解

以上是讲解数学对象Math相关内容的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn