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 学习小结(适合新手参考)
Jul 30 Javascript
在jQuery 1.5中使用deferred对象的代码(翻译)
Mar 10 Javascript
JavaScript中的this实例分析
Apr 28 Javascript
JS对外部文件的加载及对IFRMAME的加载的实现,当加载完成后,指定指向方法(方法回调)
Jul 04 Javascript
javascript检查浏览器是否支持flash的实现代码
Aug 14 Javascript
MVVM模式中ViewModel和View、Model有什么区别?
Jun 19 Javascript
jQuery模拟原生态App上拉刷新下拉加载更多页面及原理
Aug 10 Javascript
jquery mobile界面数据刷新的实现方法
May 28 Javascript
JS简单实现点击复制链接的方法
Aug 03 Javascript
jQuery.ajax实现根据不同的Content-Type做出不同的响应
Nov 03 Javascript
深入理解Angularjs中的$resource服务
Dec 31 Javascript
JS实现websocket长轮询实时消息提示的效果
Oct 10 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连接MSSQL方法汇总
2016/02/05 PHP
php获取服务器操作系统相关信息的方法
2016/10/08 PHP
php 删除指定文件夹的实例讲解
2017/07/25 PHP
PHPCrawl爬虫库实现抓取酷狗歌单的方法示例
2017/12/21 PHP
PHP SESSION机制的理解与实例
2019/03/22 PHP
PHP中非常有用却鲜有人知的函数集锦
2019/08/17 PHP
Thinkphp5框架实现图片、音频和视频文件的上传功能详解
2019/08/27 PHP
跟着JQuery API学Jquery 之三 筛选
2010/04/09 Javascript
jQuery实战之仿淘宝商城左侧导航效果
2011/04/12 Javascript
js如何实现设计模式中的模板方法
2013/07/23 Javascript
JavaScript中的splice方法用法详解
2016/07/20 Javascript
微信小程序-消息提示框实例
2016/11/24 Javascript
半个小时学json(json传递示例)
2016/12/25 Javascript
react.js 获取真实的DOM节点实例(必看)
2017/04/17 Javascript
layui的table单击行勾选checkbox功能方法
2018/08/14 Javascript
JavaScript实现的开关灯泡点击切换特效示例
2019/07/08 Javascript
Nodejs 识别图片类型的方法
2019/08/15 NodeJs
微信小程序国际化探索实现(附源码地址)
2020/05/20 Javascript
JavaScript中常用的3种弹出提示框(alert、confirm、prompt)
2020/11/10 Javascript
vue 递归组件的简单使用示例
2021/01/14 Vue.js
深入解析Python中的线程同步方法
2016/06/14 Python
利用selenium爬虫抓取数据的基础教程
2019/06/10 Python
解决Python命令行下退格,删除,方向键乱码(亲测有效)
2020/01/16 Python
pycharm新建Vue项目的方法步骤(图文)
2020/03/04 Python
python上传时包含boundary时的解决方法
2020/04/08 Python
python如何爬取网页中的文字
2020/07/28 Python
python+requests实现接口测试的完整步骤
2020/10/27 Python
CSS3移动端vw+rem不依赖JS实现响应式布局的方法
2019/01/23 HTML / CSS
canvas画图被放大且模糊的解决方法
2020/08/11 HTML / CSS
台湾三立电视电商平台:电电购
2019/09/09 全球购物
自我评价个人范文
2013/12/16 职场文书
祖国在我心中演讲稿200字
2014/08/28 职场文书
2019年个人工作总结范文(3篇)
2019/08/27 职场文书
导游词之永泰公主墓
2019/12/04 职场文书
python基础之文件处理知识总结
2021/05/23 Python
JavaScript实现简单拖拽效果
2021/09/15 Javascript