原创

JavaScript通过Js随机生成颜色实现方法

JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。

JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。下面本站素文宅 www.yoodb.com 为大家分享一种比较简单,并且是通过JavaScript源码来实现生成随机颜色的方式,仅供大家参考使用。

Js随机生成颜色,具体代码如下:

<!DOCTYPE html>
<html>
<head>
<meta charset="GBK">
<title></title>
</head>
<body>
<button id="btn1">调用方式一</button><!-- 出现中文乱码注意编码格式目前是GBK切换至UTF-8即可 -->
<button id="bnt2">调用方式二</button>
<button id="btn3">调用方式三</button>
<script>
var btn1 = document.getElementById('btn1');
    btn1.onclick=function(){
    document.body.style.background = bg1();
};
var btn2 = document.getElementById('bnt2');
    btn2.onclick=function(){
    document.body.style.background = bg2();
};
var btn3 = document.getElementById('btn3');
    btn3.onclick=function(){
    document.body.style.background = bg3();
};
function bg1(){
    return '#'+Math.floor(Math.random()*256).toString(10);
}
function bg2(){
    return '#'+Math.floor(Math.random()*0xffffff).toString(16);
}
function bg3(){
    var r=Math.floor(Math.random()*256);
    var g=Math.floor(Math.random()*256);
    var b=Math.floor(Math.random()*256);
    return "rgb("+r+','+g+','+b+")";//方法拼接使用ES6新特性
}
</script>
</body>
</html>

以上代码就是本站为大家分享的Js随机生成颜色的方法,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,欢迎收藏本站,在此感谢大家对素文宅网站的支持。

~阅读全文~人机检测~

关注下方微信公众号“Java精选”(w_z90110),回复关键词领取资料:如Mysql、Hadoop、Dubbo、Spring Boot等,免费领取视频教程、资料文档和项目源码。

Java精选专注程序员推送一些Java开发知识,包括基础知识、各大流行框架(Mybatis、Spring、Spring Boot等)、大数据技术(Storm、Hadoop、MapReduce、Spark等)、数据库(Mysql、Oracle、NoSQL等)、算法与数据结构、面试专题、面试技巧经验、职业规划以及优质开源项目等。其中一部分由小编总结整理,另一部分来源于网络上优质资源,希望对大家的学习和工作有所帮助。

评论

分享:

支付宝

微信