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

php的文件上传入门教程（实例讲解）

Apr 10 Javascript

ExtJS4 动态生成的grid导出为excel示例

May 02 Javascript

js中一维数组和二位数组中的几个问题示例说明

Jul 17 Javascript

javascript实现支持移动设备画廊

Aug 24 Javascript

jquery siblings获取同辈元素用法实例分析

Jul 25 Javascript

ES6新特性一： let和const命令详解

Apr 20 Javascript

修改node.js默认的npm安装目录实例

May 15 Javascript

Vue创建头部组件示例代码详解

Oct 23 Javascript

详解auto-vue-file:一个自动创建vue组件的包

Apr 26 Javascript

使用js在layui中实现上传图片压缩

Jun 18 Javascript

VUE+elementui面包屑实现动态路由详解

Nov 04 Javascript

JavaScript 事件代理需要注意的地方

Sep 08 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采集类snoopy详细介绍(snoopy使用教程)

2014/06/19 PHP

php输出金字塔的2种实现方法

2014/12/16 PHP

php实现跨域提交form表单的方法【2种方法】

2016/10/17 PHP

php进行md5加密简单实例方法

2019/09/19 PHP

深入分析PHP设计模式

2020/06/15 PHP

js与jQuery 获取父窗、子窗的iframe

2013/12/20 Javascript

关于onchange事件在IE和FF下的表现及解决方法

2014/03/08 Javascript

深入理解关于javascript中apply()和call()方法的区别

2016/04/12 Javascript

判断输入的字符串是否是日期格式的简单方法

2016/07/11 Javascript

完美实现八种js焦点轮播图（上篇）

2016/07/18 Javascript

微信小程序富文本转文本实例详解

2016/10/24 Javascript

jQuery webuploader分片上传大文件

2016/11/07 Javascript

angularjs之$timeout指令详解

2017/06/13 Javascript

详解webpack + vue + node 打造单页面(入门篇)

2017/09/23 Javascript

Vue编程式跳转的实例代码详解

2019/07/10 Javascript

[11:12]2018DOTA2国际邀请赛寻真——绿色长城OpTic

2018/08/10 DOTA

python操作摄像头截图实现远程监控的例子

2014/03/25 Python

python多线程抓取天涯帖子内容示例

2014/04/03 Python

Python中运行并行任务技巧

2015/02/26 Python

Python ValueError: invalid literal for int() with base 10 实用解决方法

2015/06/21 Python

解决Python 爬虫URL中存在中文或特殊符号无法请求的问题

2018/05/11 Python

django解决跨域请求的问题详解

2019/01/20 Python

解决python测试opencv时imread导致的错误问题

2019/01/26 Python

Python基于Opencv来快速实现人脸识别过程详解（完整版）

2019/07/11 Python

Dr. Martens马汀博士官网：马丁靴始祖品牌

2016/10/15 全球购物

英格兰橄榄球商店：England Rugby Store

2016/12/17 全球购物

英国最大的海报商店：GB Posters

2018/03/20 全球购物

Skyscanner台湾：全球知名的旅行比价引擎

2018/07/01 全球购物

德国在线购买葡萄酒网站：Geile Weine

2019/09/24 全球购物

俄罗斯最大的灯具网站：Fandeco

2020/03/14 全球购物

事假请假条范文

2014/04/11 职场文书

经理任命书模板

2014/06/06 职场文书

兽医医药专业求职信

2014/07/27 职场文书

工厂见习报告范文

2014/10/31 职场文书

python OpenCV学习笔记

2021/03/31 Python

MySQL运行报错:“Expression #1 of SELECT list is not in GROUP BY clause and contains nonaggre”解决方法

2022/06/14 MySQL