为什么我的随机图像生成器显示

Why wont my random image generator show?

本文关键字：显示 图像 我的 随机 为什么      更新时间：2023-09-26

随机图片无法显示。我甚至通过html验证器运行它，但似乎仍然找不到错误。

function showImg() {
        /*
            The showImg() function displays a random image from the 0.png through 9.png files. The random image is designed to thwart hackers attemting to enter the library records database by requiring visual confirmation.
        */
        var imgNumber = randomInteger(9):// Return a random number from 0 to 9
        document.write ("<img src='" + imgNumber + ".png' alt=' ' />");
        }


      </script>

<script type="text/javascript">
                    showImg();
                    showImg();
                    showImg();
                    showImg();
                    showImg();
                </script>

调整showImg 

function showImg() { 
  var imgNumber = randomInteger(9);// Return a random number from 0 to 9 
  document.body.innerHTML += "<img src=" + imgNumber + ".png alt='' />"; 
}

对于randomInteger函数可以使用

function randomInteger(n) {
  return Math.floor(Math.random() * (n - 0 + 1)) + 0
}

参见Math.random()

plnkr http://plnkr.co/edit/VTaRXAsXoAiwVTiy7yh7?p=preview

您的图像是否存储在与您调用的页面相同的文件夹中?如果它们在子文件夹中，那么你显然需要在代码中指定路径——无论是相对路径还是绝对路径。

相关文章：