编程 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 相关文章推荐

javascript cookies操作集合

Apr 12 Javascript

JS验证邮箱格式是否正确的代码

Dec 05 Javascript

javascript 获取网页标题代码实例

Jan 22 Javascript

jQuery弹出层插件Lightbox_me使用指南

Apr 21 Javascript

JavaScript判断IE版本型号

Jul 27 Javascript

ionic2 tabs 图标自定义实例

Mar 08 Javascript

vue项目关闭eslint校验

Mar 21 Javascript

Vue开发之封装分页组件与使用示例

Apr 25 Javascript

layui使用表格渲染获取行数据的例子

Sep 13 Javascript

js实现淘宝首页的banner栏效果

Nov 26 Javascript

Nuxt页面级缓存的实现

Mar 09 Javascript

解决vue页面渲染但dom没渲染的操作

Jul 27 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

把PHP安装为Apache DSO

2006/10/09 PHP

Snoopy类使用小例子

2008/04/15 PHP

用PHP读取RSS feed的代码

2008/08/01 PHP

PhpMyAdmin中无法导入sql文件的解决办法

2010/01/08 PHP

php中使用Akismet防止垃圾评论的代码

2011/06/10 PHP

解析关于java,php以及html的所有文件编码与乱码的处理方法汇总

2013/06/24 PHP

PHP中使用FFMPEG获取视频缩略图和视频总时长实例

2014/05/04 PHP

php强制文件下载而非在浏览器打开的自定义函数分享

2014/05/08 PHP

phpmyadmin中禁止外网使用的方法

2014/11/04 PHP

php_imagick实现图片剪切、旋转、锐化、减色或增加特效的方法

2014/12/15 PHP

php使用COPY函数更新配置文件的方法

2015/06/18 PHP

iframe自适应宽度、高度 ie6 7 8，firefox 3.86下测试通过

2010/07/29 Javascript

基于jquery的button默认enter事件(回车事件)。

2011/05/18 Javascript

javascript语言结构小记(一)

2011/09/10 Javascript

jquery入门必备的基本认识及实例(整理)

2013/06/24 Javascript

from表单多个按钮提交用onclick跳转不同action

2014/04/24 Javascript

原生js页面滚动延迟加载图片

2015/12/20 Javascript

javascript 取小数点后几位几种方法总结

2017/08/02 Javascript

基于 Bootstrap Datetimepicker 联动

2017/08/03 Javascript

如何使用JavaScript实现栈与队列

2019/06/24 Javascript

Nodejs使用archiver-zip-encrypted库加密压缩文件时报错(解决方案)

2019/11/18 NodeJs

详解Vue template 如何支持多个根结点

2020/02/10 Javascript

[46:47]2014 DOTA2国际邀请赛中国区预选赛 DT VS HGT

2014/05/22 DOTA

TensorFlow模型保存和提取的方法

2018/03/08 Python

python 3.7.4 安装 opencv的教程

2019/10/10 Python

关于numpy.where()函数返回值的解释

2019/12/06 Python

python实现扫雷小游戏

2020/04/24 Python

Python制作一个仿QQ办公版的图形登录界面

2020/09/22 Python

美国特价机票专家：Airfarewatchdog

2018/01/24 全球购物

十八届三中全会报告学习材料

2014/02/17 职场文书

《小猪家的桃花树》教学反思

2014/04/11 职场文书

学习雷锋活动总结

2014/04/29 职场文书

公司委托书格式

2014/08/01 职场文书

毕业设计指导教师评语

2014/12/30 职场文书

大学生入党自我鉴定范文

2019/06/21 职场文书

MySQL中InnoDB存储引擎的锁的基本使用教程

2021/05/26 MySQL