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 相关文章推荐
javascript基础知识大集锦(一) 推荐收藏
Jan 13 Javascript
javascript通过className来获取元素的简单示例代码
Jan 10 Javascript
javascript动态添加、修改、删除对象的属性与方法详解
Jan 27 Javascript
js格式化金额可选是否带千分位以及保留精度
Jan 28 Javascript
JavaScript检测鼠标移动方向的方法
May 22 Javascript
jQuery点击改变class并toggle及toggleClass()方法定义用法
Dec 11 Javascript
神级程序员JavaScript300行代码搞定汉字转拼音
May 20 Javascript
详解Angular的8个主要构造块
Jun 20 Javascript
360提示[高危]使用存在漏洞的JQuery版本的解决方法
Oct 27 jQuery
深入浅出vue图片路径的实现
Sep 04 Javascript
使用webpack和rollup打包组件库的方法
Feb 25 Javascript
vue使用wavesurfer.js解决音频可视化播放问题
Apr 04 Vue.js
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模板Smarty的初级使用方法以及心得分享
2013/06/21 PHP
php可应用于面包屑导航的迭代寻找家谱树实现方法
2015/02/02 PHP
Laravel 5.3 学习笔记之 配置
2016/08/28 PHP
laravel 使用auth编写登录的方法
2019/09/30 PHP
srcElement表格样式
2006/09/03 Javascript
JavaScript 的方法重载效果
2009/08/07 Javascript
JS 各种网页尺寸判断实例方法
2013/04/18 Javascript
多种方法实现load加载完成后把图片一次性显示出来
2014/02/19 Javascript
Javascript学习笔记之 函数篇(二) : this 的工作机制
2014/06/24 Javascript
JavaScript数组函数unshift、shift、pop、push使用实例
2014/08/27 Javascript
JS实现跟随鼠标闪烁转动色块的方法
2015/02/26 Javascript
jQuery实现当前页面标签高亮显示的方法
2015/03/10 Javascript
jQuery表格(Table)基本操作实例分析
2017/03/10 Javascript
jQuery Jsonp跨域模拟搜索引擎
2017/06/17 jQuery
基于Vue实现支持按周切换的日历
2020/09/24 Javascript
vue组件详解之使用slot分发内容
2018/04/09 Javascript
vue下使用nginx刷新页面404的问题解决
2019/08/02 Javascript
Vue项目配置跨域访问和代理proxy设置方式
2020/09/08 Javascript
使用python实现省市三级菜单效果
2016/01/20 Python
python微元法计算函数曲线长度的方法
2018/11/08 Python
漂亮的Django Markdown富文本app插件的实现
2019/01/02 Python
钉钉群自定义机器人消息Python封装的实例
2019/02/20 Python
Pytorch基本变量类型FloatTensor与Variable用法
2020/01/08 Python
.img/.hdr格式转.nii格式的操作
2020/07/01 Python
一些关于python 装饰器的个人理解
2020/08/31 Python
使用HTML5的Canvas绘制曲线的简单方法
2015/09/08 HTML / CSS
HTML5 WebSocket实现点对点聊天的示例代码
2018/01/31 HTML / CSS
Skyscanner台湾:全球知名的旅行比价引擎
2018/07/01 全球购物
软件设计的目标是什么
2016/12/04 面试题
自主招生自荐信格式
2013/12/03 职场文书
如何写好建议书
2014/03/13 职场文书
家长通知书教师评语
2014/04/17 职场文书
副检察长四风问题对照检查材料思想汇报
2014/10/07 职场文书
加强党性修养心得体会
2016/01/21 职场文书
Oracle使用别名的好处
2022/04/19 Oracle
Golang日志包的使用
2022/04/20 Golang