这里有新鲜出炉的 Javascript 教程,程序狗速度看过来!
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
本文主要分享了 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>
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持 phperz!
来源: http://www.phperz.com/article/17/0527/329018.html