Blogger Information
Blog 38
fans 0
comment 3
visits 43860
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
js基础学习-math随机对象
意外的博客
Original
690 people have browsed it
<!DOCTYPE html>
<html>
<head>
	<title>js基础-math随机对象</title>
</head>
<body>
	<button onclick="bg_color()">点击改变颜色 </button>
<script type="text/javascript">
	//Math 对象的作用:执行普通的算数任务;
	//Math 对象提供多种算数值类型和函数,无需再使用这个对象之前对她进行定义;
	//round()方法可以把一个数字四舍五入为最接近的整数;
	//语法:Math.round(x);x必须为数字;
	// round	四舍五入
	// random	0-1之间的随机数;
	// floor	向下取整;
	// var a=Math.round(3.5)
	// document.write(a+'<br>');
	// // random()方法可返回介于0<=x<1之间的随机数;
	// document.write(Math.random()+'<br>');
	// //floor()方法返回小于等于x的最大整数;(是整数值不变);
	// var b=Math.floor(3.9);
	// document.write(b+'<br>')
	// // 案例:取2介于1到10之间的随机数;+1是为了防止得到的答案出现1;
	// var c=Math.floor((Math.random()*10+1))
	// document.write(c+'<br>')


//随机改变背景颜色方法一:
	// function bg_color(){
	// 	//拼接16进制的颜色
	// 	var bg='#';
	// 	// toString()强制转成字符串类型;字符串加数组等于字符串;
	// 	var a=Math.floor(Math.random()*10).toString()+Math.floor(Math.random()*10)
	// 	var b=Math.floor(Math.random()*10).toString()+Math.floor(Math.random()*10)
	// 	var c=Math.floor(Math.random()*10).toString()+Math.floor(Math.random()*10)
	// 	bg+=a+b+c
	// 	//点击之后;会发生什么?
	// 	// console.log(bg)
	// 	document.getElementsByTagName('body')[0].style.background=bg;
	// }


//随机改变背景颜色方法二:
	function bg_color(){
			//思路: 产生一个随机小数,乘以1000000,
			// 然后四舍五入(向下取整也行);得到一个6位数的整数,
			// 前面拼接一个#,这样就可以得到一个16进制的..;
		// 产生一个随机小数,乘以1000000
		var a=Math.random()*1000000;
		// document.write(a);
		// 然后四舍五入(向下取整也行);
		var b=Math.round(a);
		// document.write(b);
		// 拼接16进制的颜色
		//字符串加数字等于字符串;
		var c='#'+b;
		// document.write(c)
		document.getElementsByTagName('body')[0].style.background=c;
	}



</script>
</body>
</html>


Correction status:Uncorrected

Teacher's comments:
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
1 comments
极客少年 2019-04-01 01:40:21
lll
1 floor
Author's latest blog post