编程 Javascript

javascript设置页面背景色及背景图片的方法

Posted in Javascript onDecember 29, 2015

本文实例讲述了javascript设置页面背景色及背景图片的方法。分享给大家供大家参考，具体如下：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<SCRIPT LANGUAGE=javascript>
function update(temp)
{
  if(temp == 'color')
  {
   document.body.style.backgroundColor="#FFFFFF";//改变背景色
  }
  if(temp == 'img')
  {
   document.body.style.backgroundImage="url(images/bgimg.gif)";//改变背景图片
  }
}
</SCRIPT>
</HEAD>
<BODY bgcolor="#CCFFFF">
<input type = button value="改变背景色" onclick="update('color')">
<input type = button value="改变背景图片" onclick="update('img')">
</BODY>
</HTML>

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

- Author -

彦辉

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

页面只有一个text的时候，回车自动submit的解决方法

Aug 12 Javascript

javascript处理table表格的代码

Dec 06 Javascript

在linux中使用包管理器安装node.js

Mar 13 Javascript

JavaScript中的闭包

Feb 24 Javascript

AngularJS中的API（接口）简单实现

Jul 28 Javascript

AngularJS入门教程之表单校验用法示例

Nov 02 Javascript

vue绑定设置属性的多种方式(5)

Aug 16 Javascript

详解angular部署到iis出现404解决方案

Aug 14 Javascript

vue-cli3.0使用及部分配置详解

Aug 29 Javascript

使用Angular 6创建各种动画效果的方法

Oct 10 Javascript

uni-app微信小程序登录授权的实现

May 22 Javascript

JavaScript实现九宫格拖拽效果

Jun 28 Javascript

js获取及修改网页背景色和字体色的方法

Dec 29 #Javascript

基于JavaScript实现根据手机定位获取当前具体位置（X省X市X县X街道X号）

Dec 29 #Javascript

jQuery中attr()与prop()函数用法实例详解(附用法区别)

Dec 29 #Javascript

使用OpenLayers3 添加地图鼠标右键菜单

Dec 29 #Javascript

javascript实现下拉提示选择框

Dec 29 #Javascript

基于JavaScript如何实现ajax调用后台定义的方法

Dec 29 #Javascript

js+css简单实现网页换肤效果

Dec 29 #Javascript

You might like

Yii配置文件用法详解

2014/12/04 PHP

清华大学出版的事半功倍系列 javascript全部源代码

2007/05/04 Javascript

广泛收集的jQuery拖放插件集合

2012/04/09 Javascript

js之事件冒泡和事件捕获详细介绍

2013/10/28 Javascript

弹出窗口并且此窗口带有半透明的遮罩层效果

2014/03/13 Javascript

Jquery实现遮罩层的方法

2015/06/08 Javascript

js注入黑客之路必备！

2016/09/14 Javascript

angularJS 指令封装回到顶部示例详解

2017/01/22 Javascript

canvas+gif.js打造自己的数字雨头像的示例代码

2017/10/26 Javascript

用Vue写一个分页器的示例代码

2018/04/22 Javascript

Vue中使用的EventBus有生命周期

2018/07/12 Javascript

JS基于ES6新特性async await进行异步处理操作示例

2019/02/02 Javascript

vue中多个倒计时实现代码实例

2019/03/27 Javascript

基于VUE的v-charts的曲线显示功能

2019/10/01 Javascript

使用 Jest 和 Supertest 进行接口端点测试实例详解

2020/04/25 Javascript

ant design中upload组件上传大文件,显示进度条进度的实例

2020/10/29 Javascript

[01:03:51]2018DOTA2亚洲邀请赛 4.7 淘汰赛 VP vs LGD 第三场

2018/04/09 DOTA

Python实现求最大公约数及判断素数的方法

2015/05/26 Python

实例解析Python中的__new__特殊方法

2016/06/02 Python

Python 判断有向图是否有环的实例讲解

2018/02/01 Python

python实现数据导出到excel的示例--普通格式

2018/05/03 Python

浅谈python opencv对图像颜色通道进行加减操作溢出

2020/06/03 Python

13个Pandas实用技巧，助你提高开发效率

2020/08/19 Python

html5将图片转换成base64的实例代码

2016/09/21 HTML / CSS

联想墨西哥官方网站：Lenovo墨西哥

2016/08/17 全球购物

工程造价自荐信

2013/10/09 职场文书

医生进修自我鉴定

2014/01/19 职场文书

临床护理求职信

2014/04/26 职场文书

酒店管理毕业生自荐信

2014/05/25 职场文书

建设工地安全标语

2014/06/07 职场文书

工作调动申请报告

2015/05/18 职场文书

红歌会主持词

2015/07/02 职场文书

合同补充协议书

2016/03/24 职场文书

Redis Cluster 字段模糊匹配及删除

2021/05/27 Redis

Python scrapy爬取起点中文网小说榜单

2021/06/13 Python

Docker容器harbor私有仓库部署和管理

2022/08/05 Servers