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

最简单的jQuery程序入门者学习

Jul 09 Javascript

JavaScript 开发规范要求(图文并茂)

Jun 11 Javascript

jQuery validate 中文API 附validate.js中文api手册

Jul 31 Javascript

js 页面元素的几个用法总结

Nov 18 Javascript

jquery实现页面常用的返回顶部效果

Mar 04 Javascript

实例浅析js的this

Dec 11 Javascript

详解Vue使用命令行搭建单页面应用

May 24 Javascript

VueJs监听window.resize方法示例

Jan 17 Javascript

浅谈如何通过node.js对数据进行MD5加密

May 16 Javascript

jQuery与原生JavaScript选择HTML元素集合用法对比分析

Nov 26 jQuery

微信小程序scroll-view锚点链接滚动跳转功能

Dec 12 Javascript

vue cli4中mockjs在dev环境和build环境的配置详情

Apr 06 Vue.js

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作的文本留言本的例子(一)

2006/10/09 PHP

基于php-fpm的配置详解

2013/06/03 PHP

PHP的文件操作与算法实现的面试题示例

2015/08/10 PHP

PHP使用file_get_contents发送http请求功能简单示例

2018/04/29 PHP

javascript firefox 自动加载iframe 自动调整高宽示例

2013/08/27 Javascript

JavaScript实现广告的关闭与显示效果实例

2015/07/02 Javascript

使用JQuery实现的分页插件分享

2015/11/05 Javascript

JavaScript的Number对象的toString()方法

2015/12/18 Javascript

修改jquery中dialog的title属性方法(推荐)

2016/08/26 Javascript

JS利用正则表达式实现简单的密码强弱判断实例

2017/06/16 Javascript

原生JS获取元素的位置与尺寸实现方法

2017/10/18 Javascript

swiper动态改变滑动内容的实现方法

2018/01/17 Javascript

vue axios数据请求及vue中使用axios的方法

2018/09/10 Javascript

Nodejs监听日志文件的变化的过程解析

2019/08/04 NodeJs

vuex存储复杂参数(如对象数组等)刷新数据丢失的解决方法

2019/11/05 Javascript

Vue如何使用混合Mixins和插件开发详解

2020/02/05 Javascript

[02:37]2015国际邀请赛选手档案—LGD.Xiao8

2015/07/28 DOTA

[50:22]完美盛典-2018年度红毯走秀

2018/12/16 DOTA

pandas多级分组实现排序的方法

2018/04/20 Python

用python简单实现mysql数据同步到ElasticSearch的教程

2018/05/30 Python

Selenium（Python web测试工具）基本用法详解

2018/08/10 Python

pandas筛选某列出现编码错误的解决方法

2018/11/07 Python

Django REST framework内置路由用法

2019/07/26 Python

python 的 openpyxl模块读取 Excel文件的方法

2019/09/09 Python

使用Python进行中文繁简转换的实现代码

2019/10/18 Python

Python 自由定制表格的实现示例

2020/03/20 Python

非凡女性奢华谦虚风格：The Modist

2017/10/28 全球购物

HelloFresh奥地利：立即订购烹饪盒

2019/02/22 全球购物

Hotels.com韩国：海外国内旅行所需的酒店和住宿预订网站

2020/05/08 全球购物

毕业生求职自荐信怎么写

2014/01/08 职场文书

青年创业培训欢迎词

2014/01/08 职场文书

普罗米修斯教学反思

2014/02/06 职场文书

致共产党员倡议书

2014/04/16 职场文书

竞聘演讲稿

2014/04/24 职场文书

英语课前三分钟演讲稿（6篇）

2014/09/13 职场文书

处级干部考察材料

2014/12/24 职场文书