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 相关文章推荐
通过Mootools 1.2来操纵HTML DOM元素
Sep 15 Javascript
纯js网页画板(Graphics)类简介及实现代码
Dec 24 Javascript
javascript 系统文件夹文件操作及参数介绍
Jan 08 Javascript
javascript类型系统 Window对象学习笔记
Jan 07 Javascript
AngularJS 视图详解及示例代码
Aug 17 Javascript
利用jquery实现验证输入的是否是数字、小数,包含保留几位小数
Dec 07 Javascript
javascript阻止事件冒泡和浏览器的默认行为
Jan 21 Javascript
JavaScript 过滤关键字
Mar 20 Javascript
浅谈Vue服务端渲染框架Nuxt的那些事
Dec 21 Javascript
vue框架制作购物车小球动画效果实例代码
Sep 26 Javascript
vue2路由方式--嵌套路由实现方法分析
Mar 06 Javascript
详解JavaScript类型判断的四种方法
Oct 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
PHP中集成PayPal标准支付的实现方法分享
2012/02/06 PHP
php中简单的对称加密算法实现
2017/01/05 PHP
php获取文章内容第一张图片的方法示例
2017/07/03 PHP
PHP实现的微信APP支付功能示例【基于TP5框架】
2019/09/16 PHP
laravel 中某一字段自增、自减的例子
2019/10/11 PHP
goto语法在PHP中的使用教程
2020/09/17 PHP
在textarea中屏蔽js的某个function的javascript代码
2007/04/20 Javascript
Javascript实现页面跳转的几种方式分享
2013/10/26 Javascript
javascript版的in_array函数(判断数组中是否存在特定值)
2014/05/09 Javascript
jQuery学习笔记之基础中的基础
2015/01/19 Javascript
js+jquery常用知识点汇总
2015/03/03 Javascript
js判断日期时间有效性的方法
2015/10/24 Javascript
前端js文件合并的三种方式推荐
2016/05/19 Javascript
表单元素值获取方式js及java方式的简单实例
2016/10/15 Javascript
jQuery事件与动画基础详解
2017/02/23 Javascript
基于JavaScript实现的快速排序算法分析
2017/04/14 Javascript
bootstrap+jQuery实现的动态进度条功能示例
2017/05/25 jQuery
JavaScript实现左侧菜单效果
2017/12/14 Javascript
vue-cli项目使用mock数据的方法(借助express)
2019/04/15 Javascript
微信小程序上传多图到服务器并获取返回的路径
2019/05/05 Javascript
基于react项目打包css引用路径错误解决方案
2020/10/28 Javascript
解决removeEventListener 无法清除监听的问题
2020/10/30 Javascript
Python中函数eval和ast.literal_eval的区别详解
2017/08/10 Python
python二元表达式用法
2019/12/04 Python
keras实现调用自己训练的模型,并去掉全连接层
2020/06/09 Python
Django扫码抽奖平台的配置过程详解
2021/01/14 Python
包装类的功能、种类、常用方法
2012/01/27 面试题
资深地理教师自我评价
2013/09/21 职场文书
法律专业个人实习自我鉴定
2013/09/23 职场文书
自我评价范文
2013/12/22 职场文书
采购人员的个人自我评价
2014/01/16 职场文书
运动会四百米广播稿
2014/01/19 职场文书
社会实践活动总结报告
2014/04/29 职场文书
党的群众路线教育实践活动个人批评与自我批评
2014/10/16 职场文书
试用期工作表现自我评价
2015/03/06 职场文书
victoriaMetrics库布隆过滤器初始化及使用详解
2022/04/05 Golang