【研究】加载图片时，同一url，多次request

此前曾经碰到过一个挺奇怪的现象。

同样是一个url，在动态生成图片时，居然会多次请求，不管怎么说让人感觉非常不爽，于是自己写了一段简单的代码实验了一下。

<html>
    <script src="http://static.blog.csdn.net/scripts/jquery.js"></script>
    <script>
        var arr = new Array();
        arr.push("http://info-database.csdn.net/Upload/2012-10-08/sap_im(10-08-10-13-51).jpg");
        arr.push("http://static.blog.csdn.net/images/top.png");
        
        $(function(){
            $("#btn").click(function(){
                var url = $("#imgContent img:last").attr("src");
                console.log(url);
                var i=0,index,len=arr.length;
                $(arr).each(function(){
                    if(this.toString() == url){
                        index = i;
                        index = index +1;
                        if(index >= len){index = 0;}
                        return false;
                    }
                    i++;
                });
                //注释1
                //$("<img src="+arr[index]+" width='100px' height='100px'/>").appendTo("#imgContent");
                //注释2                
                //var newImg = new Image();
                //var src = arr[index];
                //newImg.onload = function(){
                //    $(newImg).appendTo("#imgContent");
                //}
                //newImg.src = src;
                
            });    
        });
    </script>
    <body>
        <div id="imgContent">
            <img id="target" width="100px" height = "100px" src="http://info-database.csdn.net/Upload/2012-10-08/sap_im(10-08-10-13-51).jpg"/>
        </div>
        <input type="button" value="changeImage" id="btn"/>
    </body>
</html>