JavaScript动态修改背景颜色的方法


Posted in Javascript onApril 16, 2015

本文实例讲述了JavaScript动态修改背景颜色的方法。分享给大家供大家参考。具体如下:

<html>
<head>
  <title>Background Color Changer</title>
<script language = JavaScript>
<!--
function BG_yellow()
{
 document.bgColor = 0xFFFF00
}
function BG_thistle()
{
 document.bgColor = 0xD8BFD8
}
function BG_plum()
{
 document.bgColor = 0xDDA0DD
}
function BG_red()
{
 document.bgColor = 0xFF0000
}
//-->
</script>
</head>
<body >
<center>
<form>
<font face="comic sans ms">
<br>
<h1>
Set the background color
</h1>
<br>
<input type = button value = "Make background Yellow "
onclick = "BG_yellow()">
<br>
<br>
<input type = button value = "Make background Thistle"
onclick = "BG_thistle()">
<br>
<br>
<input type = button value = "Make background Plum"
onclick = "BG_plum()">
<br>
<br>
<input type = button value = "Make background Red"
onclick = "BG_red()">
</font>
</form>
</center>
</body>
</html>

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
JavaScript原型继承之基础机制分析
Aug 26 Javascript
js加载读取内容及显示与隐藏div示例
Feb 13 Javascript
详解JavaScript中void语句的使用
Jun 04 Javascript
JS控制表单提交的方法
Jul 09 Javascript
基于javascript代码实现通过点击图片显示原图片
Nov 29 Javascript
JavaScript缓冲运动实现方法(2则示例)
Jan 08 Javascript
JS取模、取商及取整运算方法示例
Oct 13 Javascript
Node解决简单重复问题系列之Excel内容的获取
Jan 02 Javascript
JavaScript实用代码小技巧
Aug 23 Javascript
使用npm命令提示: 'npm' 不是内部或外部命令,也不是可运行的程序的处理方法
May 14 Javascript
vue element-ui中table合计指定列求和实例
Nov 02 Javascript
vue3使用vuedraggable实现拖拽功能
Apr 06 Vue.js
JavaScript实现鼠标滑过图片变换效果的方法
Apr 16 #Javascript
JavaScript三元运算符的多种使用技巧
Apr 16 #Javascript
javascript中call apply 的应用场景
Apr 16 #Javascript
javascript三元运算符用法实例
Apr 16 #Javascript
jQuery on()方法使用技巧详解
Apr 16 #Javascript
JavaScript简单表格编辑功能实现方法
Apr 16 #Javascript
JavaScript转换二进制编码为ASCII码的方法
Apr 16 #Javascript
You might like
使用php 获取时间今天明天昨天时间戳的详解
2013/06/20 PHP
浅谈PHP正则中的捕获组与非捕获组
2016/07/18 PHP
地址栏上的一段语句,改变页面的风格。(教程)
2008/04/02 Javascript
js获取某月的最后一天日期的简单实例
2013/06/22 Javascript
使用javascript过滤html的字符串(注释标记法)
2013/07/08 Javascript
js操作iframe父子窗体示例
2014/05/22 Javascript
jquery操作checked属性以及disabled属性的多种方法
2014/06/20 Javascript
jQuery语法小结(超实用)
2015/12/31 Javascript
微信小程序 跳转传参数与传对象详解及实例代码
2017/03/14 Javascript
js+html5实现复制文字按钮
2017/07/15 Javascript
Vue中如何实现轮播图的示例代码
2017/07/27 Javascript
vue-cli2打包前和打包后的css前缀不一致的问题解决
2018/08/24 Javascript
vue-自定义组件传值的实例讲解
2018/09/18 Javascript
js实现web调用摄像头 js截取视频画面
2019/04/21 Javascript
详细介绍解决vue和jsp结合的方法
2020/02/06 Javascript
[13:16]INFAMOUS vs VGJ T BO3
2018/06/07 DOTA
[01:09:40]Newbee vs Pain 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
python去除字符串中的换行符
2017/10/11 Python
Python通过调用mysql存储过程实现更新数据功能示例
2018/04/03 Python
Mysql数据库反向生成Django里面的models指令方式
2020/05/18 Python
pycharm专业版远程登录服务器的详细教程
2020/09/15 Python
html5的画布canvas——画出弧线、旋转的图形实例代码+效果图
2013/06/09 HTML / CSS
纽约JewelryAffairs珠宝店:精细金银时尚首饰
2017/02/05 全球购物
奥地利网上书店:Weltbild
2017/07/14 全球购物
ALDI奥乐齐官方海外旗舰店:德国百年超市
2017/12/27 全球购物
马来西亚最大的在线隐形眼镜商店:MrLens
2019/03/27 全球购物
《充气雨衣》教学反思
2014/04/07 职场文书
高中班主任评语大全
2014/04/25 职场文书
新闻专业毕业生求职信
2014/08/08 职场文书
民主生活会对照检查材料
2014/09/22 职场文书
客户经理岗位职责
2015/01/31 职场文书
用电申请报告范文
2015/05/18 职场文书
工作年限证明范本
2015/06/15 职场文书
幼儿园毕业典礼园长致辞
2015/07/29 职场文书
大学生创业计划书常用模板
2019/08/07 职场文书
php去除deprecated的实例方法
2021/11/17 PHP