本文实例为大家分享了js实现点击按钮随机生成背景颜色的具体代码,供大家参考,具体内容如下
通过点击按钮更换整个页面的背景颜色
代码:
& lt; !DOCTYPE html>
& lt; html lang=癳n”比;
& lt; head>
& lt;元charset=皍tf - 8”比;
& lt;元name=笆哟啊蹦谌?翱矶?设备宽度,初始=1.0”比;
& lt; title> Document
& lt; style>
输入{
宽度:150 px;
高度:50 px;
背景颜色:黄色;
行高:50 px;
text-align:中心;
}
& lt;/style>
& lt;/head>
& lt; body>
& lt;输入类型="按钮" value=" https://www.yisu.com/zixun/点击更换背景颜色" id=癰tn”比;
& lt; !——设置按钮——比;
& lt; script>
函数suiJi (m, n) {
返回m +方法(math . random () * (n - m + 1))
}//随机生成mn之间的整数,包含m, n
函数yanSe () {
结果var=" # "
(var=0;i<6;我+ +){
结果+=suiJi (0, 15) .toString (16)
}
返回结果;//生成一个随机颜色编码# 000000 - # ffffff
}
var btn=. getelementbyid (btn)//获取节点
btn。onclick=function () {
document.body.style。背景=yanSe ();
}
& lt;/script>
& lt;/body>
& lt;/html>
实现效果,点击按钮可更换颜色
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
