本篇内容主要讲解"数学函数怎么使用",感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习"数学函数怎么使用"吧！
数学函数
Math.round(3.6) //四舍五入
random() //返回0-1之间的随机数
最大值(num1，num2) //返回较大的数
最小值(num1，num2) //返回较小的数
abs(数字)//绝对值
天花板(19.3) //12向上取整
楼层(11.8) //11向下取整
1.获取四位数的验证码。
!DOCTYPE html
超文本标记语言
头
meta charset=utf-8 /
标题无标题文档/title
脚本类型="文本/javascript "
窗户。onload=function(){ 0
var arr=['a '，' b '，' c']
var oBtn=文档。getelementbyid(' BTN ')；
var oTxt=文档。getelementbyid(' txt ')；
奥宾。onclick=function(){ 0
var Inum=ParSeint(数学。random()* 10000)
而(1000分钟)
iNum=parsent(数学。random()* 10000)
}
oTxt.value=iNum
}
}
/script
/head
身体
输入类型='按钮'值='获取验证码id='btn' /
输入类型=“文本”值='5345' id='txt' /
/body
/html
2、验证
！文档类型
超文本标记语言
头
标题注册页面/title
meta charset='utf-8' /
脚本类型="文本/javascript "
//可以对输入的文本做简单校验
函数BTN点击(){ 0
var oUsername=document。getelementbyid(' box _ username ')；
var oPassname=文档。getelementbyid(' box _ password ')；
var oSpan=文档。getelementbyid(' box _ span ')；
//清楚掉两个文本中的空格
var sUsername=ousername。价值。替换(///g ' ')；
var sPassname=Opassname。价值。替换(///g ' ')；
//取出用户名第一个字符
var unhar=SuSername。charat(0)；
if(UNIFR=' 0 ' UNIFR=' 9 '){ 0
' oSpan.innerHTML='用户名首字母不可以是数字！
} else if(SuSername。长度==0){ 0
' oSpan.innerHTML='用户名不能为空！
} else if(susername。长度6 | | susername。长度20){ 0
' oSpan.innerHTML='用户名长度应该不小于6并且不大于
20！";
} else if (sPassname.length == 0) {
oSpan.innerHTML = "密码不能为空！";
}
//将处理完空格的文本替换掉原来错误的文本
//替换文本框中的值
oUsername.value = sUsername;
oPassname.value = sPassname;
}
</script>
</head>
<body>
<span id="box_span"></span>
<input id="box_username" type="text" placeholder="用户名" onblur="btnClick()" />
<input id="box_password" type="password" placeholder="密码" onblur="btnClick()" />
<button type="button" onClick="btnClick()">登录</button>
</body>
</html>
思路：
布局（略）
1.获取需要操作的元素；
2.增加事件；
3.获取需要验证的字符串;
4.对字符串进行处理（1.用户名不能为空 。2.开头字母不能是数字。3.用户名长度应该小于6位但是不能大于20位。4.密码不能为空。）；
5.验证字符串，并将结果写入提示区域内；
注：空格也是字符；
3.计算器， 计算器思路。
布局。(略)
switch()语句和if类似，但是比if更复杂；
switch(sth){
case sth2:
代码块；
break;
default:
代码块；
}
一个小的计算器：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script>
window.onload=function(){
var oTxt1=document.getElementById('txt1');
var oTxt2=document.getElementById('txt2');
var oBtn=document.getElementById('resBtn');
var oSelect=document.getElementById('opt');
oBtn.onclick=function(){
//数字;
var n1=Number(oTxt1.value);
var n2=Number(oTxt2.value);
if(isNaN(n1)||isNaN(n2)){
alert('请输入数字类型进行运算');
return
}
//操作符
switch(oSelect.value){
case '+':alert(n1+n2);
break;
case '-':alert(n1-n2);
break;
case '*':alert(n1*n2);
break;
case '/':alert(n1/n2);
break;
default:alert('操作符不正确')
}
}
}
</script>
</head>
<body>
<input type="text" id="txt1">
<select id="opt">
<option value="+">+</option>
<option value="-">-</option>
<option value="*">*</option>
<option value="/">/</option>
</select>
<input type="text" id="txt2">
<input type="button" value="计算" id="resBtn">
</body>
</html>
到此，相信大家对“Math函数怎么使用”有了更深的了解，不妨来实际操作一番吧！这里是网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！
内容来源网络，如有侵权，联系删除，本文地址：https://www.230890.com/zhan/155435.html