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

关于flash遮盖div浮动层的解决方法

Jul 17 Javascript

js图片自动切换效果处理代码

May 07 Javascript

Extjs4中Form的使用之本地hiddenfield

Nov 26 Javascript

jQuery简单实现banner图片切换

Jan 02 Javascript

Bootstrap编写一个兼容主流浏览器的受众巨幕式风格页面

Jul 01 Javascript

jQuery.ajax 跨域请求webapi设置headers的解决方案

Aug 08 Javascript

深入了解JavaScript的逻辑运算符（与、或）

Dec 20 Javascript

js输入框使用正则表达式校验输入内容的实例

Feb 12 Javascript

vue-for循环嵌套操作示例

Jan 28 Javascript

layui动态渲染生成左侧3级菜单的方法(根据后台返回数据)

Sep 23 Javascript

使用layer弹窗提交表单时判断表单是否输入为空的例子

Sep 26 Javascript

OpenLayers3加载常用控件使用方法详解

Sep 25 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

使用session判断用户登录用户权限(超简单)

2013/06/08 PHP

推荐几款用 Sublime Text 开发 Laravel 所用到的插件

2014/10/30 PHP

PHP下载文件的函数实例代码

2016/05/18 PHP

Laravel如何同时连接多个数据库详解

2019/08/13 PHP

ThinkPHP5.0框架实现切换数据库的方法分析

2019/10/30 PHP

JScript中使用ADODB.Stream判断文件编码的代码

2008/06/09 Javascript

JavaScript 自动分号插入（JavaScript synat:auto semicolon insertion）

2009/11/04 Javascript

jQuery用unbind方法去掉hover事件及其他方法介绍

2013/03/18 Javascript

nodejs中转换URL字符串与查询字符串详解

2014/11/26 NodeJs

javaScript实现可缩放的显示区效果代码

2015/10/26 Javascript

jquery在ie7下选择器的问题导致append失效的解决方法

2016/01/10 Javascript

Bootstrap模仿起筷首页效果

2016/05/09 Javascript

JS实现图片的不间断连续滚动的简单实例

2016/06/03 Javascript

js实现按钮控制带有停顿效果的图片滚动

2016/08/30 Javascript

jQuery中get方法用法分析

2016/12/07 Javascript

JavaScript中Math对象的方法介绍

2017/01/05 Javascript

vue实现ToDoList简单实例

2017/02/07 Javascript

webpack多入口文件页面打包配置详解

2018/01/09 Javascript

JQuery元素快速查找与操作

2018/04/22 jQuery

es6函数之尾递归用法实例分析

2020/04/25 Javascript

Python 面向对象成员的访问约束

2008/12/23 Python

Python中SOAP项目的介绍及其在web开发中的应用

2015/04/14 Python

详解Django中的过滤器

2015/07/16 Python

Python中动态检测编码chardet的使用教程

2017/07/06 Python

PyCharm 专业版安装图文教程

2020/02/20 Python

python如何设置静态变量

2020/09/07 Python

Selenium环境变量配置(火狐浏览器)及验证实现

2020/12/07 Python

全球第二大家装零售商：Lowe’s

2018/01/13 全球购物

美国球迷装备的第一来源：FOCO

2020/07/03 全球购物

深圳-东方伟业笔试部分

2015/02/11 面试题

2015大学生实训报告

2014/11/05 职场文书

团队执行力培训心得体会

2015/08/15 职场文书

python制作图形界面的2048游戏, 基于tkinter

2021/04/06 Python

html实现弹窗的实例

2021/06/09 HTML / CSS

Canvas如何做个雪花屏版404的实现

2021/09/25 HTML / CSS

Java8利用Stream对列表进行去除重复的方法详解

2022/04/14 Java/Android