这里有新鲜出炉的 Javascript 教程,程序狗速度看过来!
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
这篇文章主要介绍了 JavaScript 随机生成颜色的方法的相关资料, 非常不错,代码简单易懂,具有参考借鉴价值,需要的朋友可以参考下
废话不多说了直接给大家贴 js 代码了,具体代码如下所述:
- <!DOCTYPE html>
- <html>
- <head lang="en">
- <meta charset="UTF-8">
- <title>
- </title>
- </head>
- <body>
- <button id="btn1">
- 调用第一种
- </button>
- <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>
以上所述是小编给大家介绍的 JavaScript 随机生成颜色的方法,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的,在此也非常感谢大家对 phperz 网站的支持!
来源: http://www.phperz.com/article/17/0522/331156.html