javascript设置页面背景色及背景图片的方法
编程学习 2021-07-04 21:04www.dzhlxh.cn编程入门
这篇文章主要介绍了javascript设置页面背景色及背景图片的方法,涉及JavaScript动态操作页面元素属性的相关技巧,需要的朋友可以参考下
本文实例讲述了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程序设计有所帮助。
上一篇:jquery实现树形菜单完整代码
下一篇:js获取及修改网页背景色和字体色的方法