本文介绍如何在 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 编程有所帮助。