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 相关文章推荐
[全兼容哦]--实用、简洁、炫酷的页面转入效果loing
May 07 Javascript
javascript 中String.match()与RegExp.exec()的区别说明
Jan 10 Javascript
利用try-catch判断变量是已声明未声明还是未赋值
Mar 12 Javascript
JavaScript语言对Unicode字符集的支持详解
Dec 30 Javascript
js实现各种复制到剪贴板的方法(分享)
Oct 27 Javascript
JavaScript通过改变文字透明度实现的文字闪烁效果实例
Apr 27 Javascript
JS与jQuery实现ListBox上移,下移,左移,右移操作功能示例
May 31 jQuery
vuejs选中当前样式active的实例
Aug 22 Javascript
详解vue中axios请求的封装
Apr 08 Javascript
javascript实现视频弹幕效果(两个版本)
Nov 28 Javascript
ES6 class类链式继承,实例化及react super(props)原理详解
Feb 15 Javascript
vue切换菜单取消未完成接口请求的案例
Nov 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
分享最受欢迎的5款PHP框架
2014/11/27 PHP
解析WordPress中的post_class与get_post_class函数
2016/01/04 PHP
Knockout数组(observable)使用详解示例
2013/11/15 Javascript
node.js中的path.normalize方法使用说明
2014/12/08 Javascript
Javascript控制div属性动态变化实例分析
2015/10/08 Javascript
JavaScript简单实现弹出拖拽窗口(一)
2016/06/17 Javascript
Bootstrap源码解读按钮(5)
2016/12/23 Javascript
js实现动态显示时间效果
2017/03/06 Javascript
详解axios 全攻略之基本介绍与使用(GET 与 POST)
2017/09/15 Javascript
Node对CommonJS的模块规范
2019/11/06 Javascript
如何在vue项目中嵌入jsp页面的方法(2种)
2020/02/06 Javascript
js canvas实现俄罗斯方块
2020/10/11 Javascript
NodeJS配置CORS实现过程详解
2020/12/02 NodeJs
[04:29]2016国际邀请赛中国区预选赛Ehome战队教练采访
2016/06/27 DOTA
[00:48]DOTA2国际邀请赛公开赛报名开始 扫码开启逐梦之旅
2018/06/06 DOTA
Python实现八大排序算法
2016/08/13 Python
python 随机数使用方法,推导以及字符串,双色球小程序实例
2017/09/12 Python
Python创建二维数组实例(关于list的一个小坑)
2017/11/07 Python
Python学习pygal绘制线图代码分享
2017/12/09 Python
详解Python中如何写控制台进度条的整理
2018/03/07 Python
对python的文件内注释 help注释方法
2018/05/23 Python
python变量赋值方法(可变与不可变)
2019/01/12 Python
Python实现多态、协议和鸭子类型的代码详解
2019/05/05 Python
python3应用windows api对后台程序窗口及桌面截图并保存的方法
2019/08/27 Python
Python简单实现区域生长方式
2020/01/16 Python
WWE美国职业摔角官方商店:WWE Shop
2018/11/15 全球购物
FC-Moto丹麦:欧洲最大的摩托车服装和头盔商店之一
2019/08/20 全球购物
数据库基础的一些面试题
2012/02/25 面试题
Java语言的优势
2015/01/10 面试题
前厅部经理岗位职责范文
2014/02/04 职场文书
高中学校对照检查材料
2014/08/31 职场文书
基层党建工作简报
2015/07/21 职场文书
解除租赁合同协议书
2016/03/21 职场文书
2016年学校安全教育月活动总结
2016/04/06 职场文书
怎样写工作总结啊!
2019/06/18 职场文书
ubuntu安装jupyter并设置远程访问的实现
2022/03/31 Python