JavaScript 实现随机背景图片的方法
作者:代码拾荒时间:2026-10-29 11:28:19浏览:343
本文介绍如何在 HTML 页面中使用 JavaScript 随机显示背景图片。通过将图片路径存入数组,利用 Math.random 生成随机索引,并动态写入 BODY 标签的 BACKGROUND 属性,实现每次刷新页面时背景图片随机切换的效果。
JavaScript 实现随机背景图片的方法
本文介绍一种使用 JavaScript 随机显示网页背景图片的实现方式,供读者参考。
将以下代码片段放置在 HTML 文档的 <head> 与 </head> 标签之间:
<script LANGUAGE="JavaScript">
bg = new Array(2);
//设定图片数量,如果图片数为3,这个参数就设为2,依次类推
bg[0] = 'bg1.gif' //显示的图片路径,可用http://
bg[1] = 'bg2.gif'
bg[2] = 'bg3.gif'
index = Math.floor(Math.random() * bg.length);
document.write("<BODY BACKGROUND="+bg[index]+">");
</script>
希望上述内容对您的 JavaScript 编程有所帮助。
作者最新文章
JavaScript入门书籍避坑:这些书不适合初学者
2026-11-05 16:31:15
JS使用Math.round实现保留两位小数的原理与代码
2026-11-05 15:35:55
JavaScript 原生 Date 对象怎么实现日期加减
2026-11-05 14:30:00
JavaScript函数定义的三种方式:声明、表达式与箭头函数
2026-11-05 13:50:55
JavaScript中escape、encodeURI和encodeURIComponent对空格的处理差异
2026-11-05 12:47:23
