Question

所以我有一个Javascript函数。它传递一个文件夹名称，例如“A”。此文件夹包含5张图像，这些图像将随机选取。

它在页面加载时效果很好，因为会出现1个随机图像。但我希望如此单击图像时，将再次使用同一文件夹中的图像进行随机化。我尝试使用onmousedown进行此操作，但它返回一个损坏的图像链接 file：/// C：/ Users / StackOverflow / Documents / Website / [object％20HTMLDivElement] /2.jpg

    <script type="text/javascript">
        // <![CDATA[
        function showImage(folder){
            var randomNumber=Math.floor(Math.random()*5);
            document.write('<img src="'+folder+'/'+randomNumber+'.jpg" onmousedown="showImage('+folder+')">');
        }
        //]]>   
    </script>

Answer 1

我不认为你每次点击图片时都想要调用document.write()。也许您可以通过以下设置获得更多成功：

<img id="randomImage0" src="" onmousedown="showImage(this, this.lastFolder);" />

<script type="text/javascript">
    function showImage(imgElem, folder){
        var randomNumber=Math.floor(Math.random()*5);
        imgElem.src = folder + '/' + randomNumber + '.jpg";
        imgElem.lastFolder = folder;
    }

    showImage(document.getElementById("randomImage0"), "A");
</script>

Javascript +动态文件夹

1 个答案: