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 相关文章推荐
再谈ie和firefox下的document.all属性
Oct 21 Javascript
jquery formValidator插件ajax验证 内容不做任何修改再离开提示错误的bug解决方法
Jan 04 Javascript
js监控IE火狐浏览器关闭、刷新、回退、前进事件
Jul 23 Javascript
jQuery支持动态参数将函数绑定到事件上的方法
Mar 17 Javascript
javascript实现在指定元素中垂直水平居中
Sep 13 Javascript
Kindeditor在线文本编辑器如何过滤HTML
Apr 14 Javascript
详解微信小程序Page中data数据操作和函数调用
Sep 27 Javascript
微信小程序获取手机系统信息的方法【附源码下载】
Dec 07 Javascript
Angular17之Angular自定义指令详解
Jan 21 Javascript
js正则表达式校验指定字符串的方法
Jul 23 Javascript
Vue2.0使用嵌套路由实现页面内容切换/公用一级菜单控制页面内容切换(推荐)
May 08 Javascript
结合axios对项目中的api请求进行封装操作
Sep 21 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
快速配置PHPMyAdmin方法
2008/06/05 PHP
解析PHP 使用curl提交json格式数据
2013/06/29 PHP
Windows下的PHP安装pear教程
2014/10/24 PHP
PHP观察者模式定义与用法实例分析
2019/03/22 PHP
Laravel框架实现多数据库连接操作详解
2019/07/12 PHP
类似CSDN图片切换效果脚本
2009/09/17 Javascript
jquery nth-child()选择器的简单应用
2010/07/10 Javascript
一些主流JS框架中DOMReady事件的实现小结
2011/02/12 Javascript
使用原生javascript创建通用表单验证——更锋利的使用dom对象
2011/09/13 Javascript
基于jquery的$.ajax async使用
2011/10/19 Javascript
jQuery 获取/设置/删除DOM元素的属性以a元素为例
2014/05/23 Javascript
移动端横屏的JS代码(beta)
2016/05/16 Javascript
浅谈键盘上回车按钮的js触发事件
2017/02/13 Javascript
浅谈JS验证表单文本域输入空格的问题
2017/02/14 Javascript
bootstrap 下拉多选框进行多选传值问题代码分析
2017/02/14 Javascript
详解如何使用PM2将Node.js的集群变得更加容易
2017/11/15 Javascript
Vue2.0仿饿了么webapp单页面应用详细步骤
2018/07/08 Javascript
Vuex中的Mutations的具体使用方法
2020/06/01 Javascript
Antd-vue Table组件添加Click事件,实现点击某行数据教程
2020/11/17 Javascript
如何利用nodejs实现命令行游戏
2020/11/24 NodeJs
python daemon守护进程实现
2016/08/27 Python
python正则表达式re之compile函数解析
2017/10/25 Python
Python实现模拟登录网易邮箱的方法示例
2018/07/05 Python
pytorch查看模型weight与grad方式
2020/06/24 Python
HTML5之SVG 2D入门10—滤镜的定义及使用
2013/01/30 HTML / CSS
HTML5 通信API 跨域门槛将不再高、数据推送也不再是梦
2013/04/25 HTML / CSS
CHARLES & KEITH台湾官网:新加坡时尚品牌
2019/07/30 全球购物
英国在线玫瑰专家:InterRose
2019/12/01 全球购物
加拿大留学自荐信
2014/01/28 职场文书
大学生通用个人自我评价
2014/04/27 职场文书
代收款委托书范本
2014/10/01 职场文书
高考诚信考试承诺书
2015/04/29 职场文书
2015年机关作风和效能建设工作总结
2015/07/23 职场文书
TensorFlow的自动求导原理分析
2021/05/26 Python
mysql使用instr达到in(字符串)的效果
2022/04/03 MySQL
Ruby处理YAML和json数据
2022/04/18 Ruby