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随机生成颜色的方法,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,欢迎收藏本站,在此感谢大家对素文宅网站的支持。