话不多说,请看代码
<!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>
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持!
# js
# 生成
# 颜色
# JavaScript随机生成颜色的方法
# js随机生成网页背景颜色的方法
# javascript生成随机颜色示例代码
# JavaScript实现简单生成随机颜色的方法
# js随机颜色代码的多种实现方式
# js获取随机颜色值的函数
# JS实现随机颜色的3种方法与颜色格式的转化
# js从10种颜色中随机取色实现每次取出不同的颜色
# 基于JavaScript实现拖动滑块效果
# js网页中随意拖动的小方块实现代码
# JS实现点击按钮随机生成可拖动的不同颜色块示例
# 可以用
# 多说
# 第二种
# 第一种
# 第三种
# 新特性
# 变量名
# UTF
# title
# charset
# en
# meta
# body
# button
# id
# brush
# xhtml
# class
# script
# pre
相关文章:
武汉网站制作费用多少,在武汉武昌,建面100平方左右的房子,想装暖气片,费用大概是多少啊?
如何快速搭建高效WAP手机网站吸引移动用户?
定制建站流程解析:需求评估与SEO优化功能开发指南
建站主机解析:虚拟主机配置与服务器选择指南
安徽网站建设与外贸建站服务专业定制方案
建站DNS解析失败?如何正确配置域名服务器?
如何零基础在云服务器搭建WordPress站点?
如何快速生成高效建站系统源代码?
建站之星如何配置系统实现高效建站?
网站好制作吗知乎,网站开发好学吗?有什么技巧?
如何在景安云服务器上绑定域名并配置虚拟主机?
小米网站链接制作教程,请问miui新增网页链接调用服务有什么用啊?
网站视频制作书签怎么做,ie浏览器怎么将网站固定在书签工具栏?
c++怎么用jemalloc c++替换默认内存分配器【性能】
怎么将XML数据可视化 D3.js加载XML
阿里云高弹*务器配置方案|支持分布式架构与多节点部署
已有域名和空间,如何快速搭建网站?
在线ppt制作网站有哪些,请推荐几个好的课件下载的网站?
高端建站三要素:定制模板、企业官网与响应式设计优化
如何通过商城自助建站源码实现零基础高效建站?
图片制作网站免费软件,有没有免费的网站或软件可以将图片批量转为A4大小的pdf?
建站之星×万网:智能建站系统+自助建站平台一键生成
如何在阿里云完成域名注册与建站?
c# 在高并发下使用反射发射(Reflection.Emit)的性能
如何通过cPanel快速搭建网站?
教学论文网站制作软件有哪些,写论文用什么软件
?
表情包在线制作网站免费,表情包怎么弄?
如何在万网ECS上快速搭建专属网站?
如何高效配置IIS服务器搭建网站?
如何登录建站主机?访问步骤全解析
php json中文编码为null的解决办法
如何通过智能用户系统一键生成高效建站方案?
b2c电商网站制作流程,b2c水平综合的电商平台?
如何高效生成建站之星成品网站源码?
家庭服务器如何搭建个人网站?
建站主机默认首页配置指南:核心功能与访问路径优化
GML (Geography Markup Language)是什么,它如何用XML来表示地理空间信息?
手机怎么制作网站教程步骤,手机怎么做自己的网页链接?
如何在Golang中实现微服务服务拆分_Golang微服务拆分与接口管理方法
如何制作一个表白网站视频,关于勇敢表白的小标题?
零服务器AI建站解决方案:快速部署与云端平台低成本实践
深圳网站制作培训,深圳哪些招聘网站比较好?
建站主机SSH密钥生成步骤及常见问题解答?
建站之星如何修改网站生成路径?
专业公司网站制作公司,用什么语言做企业网站比较好?
公众号网站制作网页,微信公众号怎么制作?
高端企业智能建站程序:SEO优化与响应式模板定制开发
西安制作网站公司有哪些,西安货运司机用的最多的app或者网站是什么?
香港服务器WordPress建站指南:SEO优化与高效部署策略
建站之星安装后如何自定义网站颜色与字体?
*请认真填写需求信息,我们会在24小时内与您取得联系。