怎么用javascript输出随机图片

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

  • 2

    在test.html页面,利用script标签标识表记标帜js代码执行的处所,只有在标签内的js代码才能被网页执行。

  • 3

    在script标签内,利用new Array来建立一个空数组,并把它保留在imageList变量中。

  • 4

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

  • 5

    利用Math对象的random()方式发生一个随机数,将随机数与数组的长度相乘,经由过程Math对象的floor()取整,得出一个随机整数。

  • 6

    在script标签内,利用document.write()方式输出一张图片,图片的地址是随机的数组元素,即随机的图片路径。本家儿要经由过程imageChoice随机的下标来获得数组随机值。

  • 7

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

    • 发表于 2019-08-31 17:01
    • 阅读 ( 1004 )
    • 分类:其他类型

    相关问题

    0 条评论

    请先 登录 后评论
    联系我们:uytrv@hotmail.com 问答工具