首页
所有分类
TAGS
文字工具 EMOJI BIBLE
编程 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程序设计有所帮助。

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

- Author -

彦辉

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

Javascript 相关文章推荐
jQuery中parentsUntil()方法用法实例
Jan 07 Javascript
js中键盘事件实例简析
Jan 10 Javascript
JavaScript删除指定子元素代码实例
Jan 13 Javascript
AngularJS 路由和模板实例及路由地址简化方法(必看)
Jun 24 Javascript
基于百度地图实现产品销售的单位位置查看功能设计与实现
Oct 21 Javascript
JS实现经典的中国地区三级联动下拉菜单功能实例【测试可用】
Jun 06 Javascript
浅析Javascript中双等号(==)隐性转换机制
Oct 27 Javascript
3分钟读懂移动端rem使用方法(推荐)
May 06 Javascript
Vue + Elementui实现多标签页共存的方法
Jun 12 Javascript
vue封装swiper代码实例解析
Oct 08 Javascript
为什么Vue3.0使用Proxy实现数据监听(defineProperty表示不背这个锅)
Oct 14 Javascript
uni-app自定义导航栏按钮|uniapp仿微信顶部导航条功能
Nov 12 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
dll(1) ctypes(1) html标准库(1) 历史记录(1) 经纬度(1) 幻读(5) C/C++(1) innoDB(3) MVCC(4) 间隙锁(2)
You might like
一步一步学习PHP(2)――PHP类型
2010/02/15 PHP
php判断终端是手机还是电脑访问网站的思路及代码
2013/04/24 PHP
10个值得深思的PHP面试题
2016/11/14 PHP
PHP pthreads v3下同步处理synchronized用法示例
2020/02/21 PHP
超清晰的document对象详解
2007/02/27 Javascript
Javascript 获取滚动条位置等信息的函数
2009/09/08 Javascript
JavaScript使用slice函数获取数组部分元素的方法
2015/04/06 Javascript
Bootstrap 组件之按钮（二）
2016/05/11 Javascript
js判断某个字符出现的次数的简单实例
2016/06/03 Javascript
实现React单页应用的方法详解
2016/08/02 Javascript
JavaScript之排序函数_动力节点Java学院整理
2017/06/30 Javascript
JavaScript折半查找（二分查找）算法原理与实现方法示例
2018/08/06 Javascript
vue 自定义提示框(Toast)组件的实现代码
2018/08/17 Javascript
在Vue中获取组件声明时的name属性方法
2018/09/12 Javascript
简单了解vue中父子组件如何相互传递值（基础向）
2019/07/12 Javascript
javascript实现弹出层效果
2019/12/10 Javascript
Angular 多模块项目构建过程
2020/02/13 Javascript
Python中字符串的格式化方法小结
2016/05/03 Python
常见python正则用法的简单实例
2016/06/21 Python
Python读取Word（.docx）正文信息的方法
2018/03/15 Python
对numpy的array和python中自带的list之间相互转化详解
2018/04/13 Python
python 实现矩阵上下/左右翻转,转置的示例
2019/01/23 Python
Python将列表数据写入文件（txt, csv，excel）
2019/04/03 Python
Python socket模块实现的udp通信功能示例
2019/04/10 Python
python构造函数init实例方法解析
2020/01/19 Python
在django中使用post方法时,需要增加csrftoken的例子
2020/03/13 Python
Python中zip函数如何使用
2020/06/04 Python
python 实现aes256加密
2020/11/27 Python
Python爬取酷狗MP3音频的步骤
2021/02/26 Python
意大利灯具购物网站：Lampade.it
2018/10/18 全球购物
廉洁使者实施方案
2014/03/29 职场文书
环境保护标语
2014/06/20 职场文书
机修车间主任岗位职责
2015/04/08 职场文书
2015年小学数学教师工作总结
2015/05/20 职场文书
“鬼灭之刃”热度不减，其成功背后的原因是什么？
2022/03/22 日漫
SpringBoot项目多数据源及mybatis 驼峰失效的问题解决方法
2022/07/07 Java/Android