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 相关文章推荐
页面中body onload 和 window.onload 冲突的问题的解决
Jul 01 Javascript
JS OOP包机制,类创建的方法定义
Nov 02 Javascript
jQuery总体架构的理解分析
Mar 07 Javascript
javascript中的数字与字符串相加实例分析
Aug 14 Javascript
JavaScript 基础篇之对象、数组使用介绍(三)
Apr 07 Javascript
一个JavaScript防止表单重复提交的实例
Oct 21 Javascript
jquery对Json的各种遍历方法总结(必看篇)
Sep 29 Javascript
js实现带缓动动画的导航栏效果
Jan 16 Javascript
jquery中封装函数传递当前元素的方法示例
May 05 jQuery
JavaScript基础之静态方法和实例方法分析
Dec 26 Javascript
利用Dectorator分模块存储Vuex状态的实现
Feb 05 Javascript
vue中用 async/await 来处理异步操作
Jul 18 Javascript
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动态图像的创建
2006/10/09 PHP
超级好用的一个php上传图片类(随机名,缩略图,加水印)
2010/06/30 PHP
php调用c接口无错版介绍
2014/03/11 PHP
PHP中执行cmd命令的方法
2014/10/11 PHP
ThinkPHP中html:list标签用法分析
2016/01/09 PHP
php使用pecl方式安装扩展操作示例
2019/08/12 PHP
PHP面向对象程序设计中的self、static、parent关键字用法分析
2019/08/14 PHP
飞鱼(shqlsl) javascript作品集
2006/12/16 Javascript
通过JAVAScript实现页面自适应
2007/01/19 Javascript
基于Jquery的温度计动画效果
2010/06/18 Javascript
重写javascript中window.confirm的行为
2012/10/21 Javascript
js里怎么取select标签里的值并修改
2012/12/10 Javascript
动态加载iframe时get请求传递中文参数乱码解决方法
2014/05/07 Javascript
简介JavaScript中的setTime()方法的使用
2015/06/11 Javascript
纯js实现倒计时功能
2017/01/06 Javascript
AngularJs中 ng-repeat指令中实现含有自定义指令的动态html的方法
2017/01/19 Javascript
TypeScript入门-接口
2017/03/30 Javascript
详解angularJs指令的3种绑定策略
2017/04/13 Javascript
jQuery插件imgAreaSelect基础讲解
2017/05/26 jQuery
详解http访问解析流程原理
2017/10/18 Javascript
微信小程序实现图片懒加载的示例代码
2017/12/13 Javascript
layui动态渲染生成select的option值方法
2019/09/23 Javascript
Python读写txt文本文件的操作方法全解析
2016/06/26 Python
关于Python的一些学习总结
2018/05/25 Python
Python实现带下标索引的遍历操作示例
2019/05/30 Python
Django之使用内置函数和celery发邮件的方法示例
2019/09/16 Python
Python自动生成代码 使用tkinter图形化操作并生成代码框架
2019/09/18 Python
python系列 文件操作的代码
2019/10/06 Python
Python使用configparser库读取配置文件
2020/02/22 Python
英国领先的奢侈品零售商之一:CRUISE
2016/12/02 全球购物
加拿大最大的钻石商店:Peoples Jewellers
2018/01/01 全球购物
Java多态性的定义以及类型
2014/09/16 面试题
手术室护士长竞聘书
2014/03/31 职场文书
2014年采购员工作总结
2014/11/18 职场文书
工作检讨书怎么写
2015/01/23 职场文书
解决jupyter notebook启动后没有token的坑
2021/04/24 Python