怎么用javascript输出随机图片

 时间:2024-10-05 23:26:35

通过在数组中保存图片的路径,使用Math对象的rand艺皱麾酪om()方法产生随机数,随机获取数组的图片路径,实现随机输出不同的图片。下面介绍实现的过程。

方法/步骤

1、新建一个html文件,命名为test.html,用于讲解怎么用javascript输出随机图片。

怎么用javascript输出随机图片

2、在test.html页面,使用script标签标记js代码执行的地方,只有在标签内的js代码才能被网页执行。

怎么用javascript输出随机图片

3、在script标签内,使用newArray来创建一个空数组,并把它保存在imageList变量中。

怎么用javascript输出随机图片

4、给imageList数组创建四个元素,每个元素保存一张图片的路径,代码如下:

怎么用javascript输出随机图片

5、使用Math对象的random()方法产生一个随机数,将随机数与数组的长度相乘,通过Math对象的floor()取整,得出一个随机整数。

怎么用javascript输出随机图片

6、在script标签内,使用document.write()方法输出一张图片,图片的常挢傣捅地址是随机的数组元素,即随机的图片路径。主要通过imageChoice随机的下标来获得数组随机值。

怎么用javascript输出随机图片

7、在浏览器打开test.html页面,每刷新一次页面,在网页中随机输出一张图片。

怎么用javascript输出随机图片

怎么用javascript输出随机图片

html首行缩进怎么设置 如何在HTML中插入图片 实现整个html居中最简单方法 html怎么设置文字居中对齐 css如何通过实现让文字在框内水平垂直都居中?
热门搜索
幼儿园走廊吊饰图片 图片翻译成文字 联想手机图片 琵琶鱼图片 先锋电影