怎样用js插入多张图片

举报该问题

推荐答案推荐于2018-03-08

var arrImgs={"url1","url2","url3",...};图片地址存在数组中
var html='';
//遍历数组插入img标签到页面
for(var i=0;i<arrImgs.length;i++){
html+='<img src="'+arrImgs[i]+'" />';//创建img标签，图片地址赋值src
}
document.getElementById("要插入的容器id").innerHtml=html;

温馨提示：答案为网友推荐，仅供参考

当前网址：http://99.wendadaohang.com/zd/BBjzzvtXB.html

其他回答

第1个回答推荐于2017-11-25

上千张图片，怎么这么多哦
理论上是可以的
但，你的意思是把这上千个图片链接都放到js数组里对吧？
这样会造成浏览器运行js负担非常重哦
似乎这种方式不是很好，弄不好，卡主浏览器
你还是想点别的招吧
你这想法不利于页面优化本回答被网友采纳

第2个回答 2019-02-26

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <style >
            img{width: 100px; height: 100px;}
        </style>
        <title></title>
    </head>
    <body>

        <div  id="ii" ></div>
    </body>

</html>
<script language="javascript">

        var arrImgs=["images/jo.jpg","images/jo.jpg"]
        var ww='';
          //遍历数组插入img标签到页面
        for(var i=0;i<arrImgs.length;i++){
        ww+='<img src="'+arrImgs[i]+'"/>';//创建img标签，图片地址赋值src

          }

     document.getElementById("ii").innerHTML=ww;
</script>

第3个回答 2013-06-15

你这样网页加载完不就显示的是最后那张图片么？

相似回答

大家正在搜