JS学习-6.练习1

最新推荐文章于 2024-07-22 15:13:59 发布

立花泷的学习日记

最新推荐文章于 2024-07-22 15:13:59 发布

阅读量47

点赞数

分类专栏： js 文章标签： javascript 开发语言 html5 css3

本文链接：https://blog.csdn.net/qq_37974765/article/details/121281192

版权

js 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

游览器拉伸的时候，游览器随机颜色
parseInt 将字符串转为整数
方法一：不使用parseInt

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
		#yy{background-color: rgb(100,200,200);}
		</style>
	</head>
	<body id="yy">
		/**
		 * 游览器拉伸的时候，游览器随机颜色
		 */
		<script>
		var yy=document.getElementById('yy');
		//var num=Math.random()*256+'';
		//num.substring(0,num*256.indexOf('.'))
		//console.log(num*256);//打印num的值
		//console.log(num.indexOf('.'));打印num小数点的位置
		//console.log(num.substring(0,num.indexOf('.')));//打印随机数0-255的整数
		var numNode=function(){//将随机数的定义封装起来
			var num=Math.random()*256+'';
			return num.substring(0,num.indexOf('.'));
		}
		window.onresize=function(){//屏幕大小发生改变时会进行调用
			//console.log(numNode());//打印随机数的值
			yy.style.backgroundColor='rgb('+numNode()+','+numNode()+','+numNode()+')';
		}
		</script>
	</body>
</html>

方法二：使用parseInt

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
		body{background: rgb(100,10);}
		</style>
	</head>
	<body>
		/**
		 * 游览器拉伸的时候，游览器随机颜色
		 */
		<script>
		var numNode=function(){//将随机数的定义封装起来
			var num=Math.random()*256+'';
			return parseInt(num);//将字符串解析成整数
		}
		window.onresize=function(){//屏幕大小发生改变时会进行调用
			console.log(numNode());
			document.body.style.background='rgb('+numNode()+','+numNode()+','+numNode()+')';
		}
		</script>
	</body>
</html>

立花泷的学习日记

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
JS学习-6.练习1

游览器拉伸的时候，游览器随机颜色parseInt 将字符串转为整数方法一：不使用parseInt<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> #yy{background-color: rgb(100,200,200);} </style> </head> &lt
复制链接

扫一扫