这篇文章主要介绍了 javascript 设置页面背景色及背景图片的方法, 涉及 JavaScript 动态操作页面元素属性的相关技巧, 需要的朋友可以参考下
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
本文实例讲述了 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=b utton value="改变背景色" onclick="update('color')">
- <input type=b utton value="改变背景图片" onclick="update('img')">
- </BODY>
- </HTML>
希望本文所述对大家 JavaScript 程序设计有所帮助。
来源: http://www.phperz.com/article/17/0221/267838.html