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

Extjs学习笔记之三 extjs form更多的表单项

Jan 07 Javascript

jquery动画2.元素坐标动画效果（创建一个图片走廊）

Aug 24 Javascript

jquery常用特效方法使用示例

Apr 25 Javascript

js中一维数组和二位数组中的几个问题示例说明

Jul 17 Javascript

纯javascript版日历控件

Nov 24 Javascript

react-router4 配合webpack require.ensure 实现异步加载的示例

Jan 18 Javascript

vue计算属性及使用详解

Apr 02 Javascript

vue实现重置表单信息为空的方法

Sep 29 Javascript

Vuex modules模式下mapState/mapMutations的操作实例

Oct 17 Javascript

vue.js实现三级菜单效果

Oct 19 Javascript

VUE渲染后端返回含有script标签的html字符串示例

Oct 28 Javascript

JS实现页面数据懒加载

Feb 13 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

用libTemplate实现静态网页的生成

2006/10/09 PHP

php 需要掌握的东西不做浮躁的人

2009/12/28 PHP

php for 循环语句使用方法详细说明

2010/05/09 PHP

基于php判断客户端类型

2016/10/14 PHP

JavaScript 学习笔记（十一）

2010/01/19 Javascript

js 链式延迟执行DOME

2012/01/04 Javascript

Js从头学起（基本数据类型和引用类型的参数传递详细分析）

2012/02/16 Javascript

nullJavascript中创建对象的五种方法实例

2013/05/07 Javascript

JS中实现replaceAll的方法(实例代码)

2013/11/12 Javascript

纯JS实现本地图片预览的方法

2015/07/31 Javascript

jQuery实现的漂亮表单效果代码

2015/08/18 Javascript

JavaScript中循环遍历Array与Map的方法小结

2016/03/12 Javascript

JavaScript定义数组的三种方法(new Array(),new Array('x','y')

2016/10/04 Javascript

浅谈angular2的http请求返回结果的subcribe注意事项

2017/03/01 Javascript

Node.js 使用命令行工具检查更新

2017/06/08 Javascript

微信小程序获取音频时长与实时获取播放进度问题

2018/08/28 Javascript

Vue 组件封装并使用 NPM 发布的教程

2018/09/30 Javascript

vue实现与安卓、IOS交互的方法

2018/11/02 Javascript

原生js实现弹窗消息动画

2020/11/20 Javascript

[15:09]DOTA2国际邀请赛采访专栏：Loda

2013/08/06 DOTA

[03:57]《不朽》——2015DOTA2国际邀请赛—中国军团出征主题曲MV

2015/07/15 DOTA

python控制台英汉汉英电子词典

2020/04/23 Python

深入学习Python中的上下文管理器与else块

2017/08/27 Python

Python中装饰器学习总结

2018/02/10 Python

Python通过cv2读取多个USB摄像头

2019/08/28 Python

python 批量下载bilibili视频的gui程序

2020/11/20 Python

Canvas 文本转粒子效果的实现代码

2019/02/14 HTML / CSS

幼儿教师个人求职信范文

2013/09/21 职场文书

2013年军训通讯稿

2014/02/05 职场文书

2014派出所所长群众路线对照检查材料思想汇报

2014/09/18 职场文书

2014党的群众路线教育实践活动学习心得体会

2014/10/31 职场文书

2014年专项整治工作总结

2014/11/17 职场文书

入党个人总结范文

2015/03/02 职场文书

个人简历求职信范文

2015/03/20 职场文书

旅游项目合作意向书

2015/05/08 职场文书

一文读懂go中semaphore(信号量)源码

2021/04/03 Golang