怎样用js插入多张图片 5
<styletype="text/css"></style><scriptlanguage="javascript">vari;varimgs=['https://lh4...
<style type="text/css">
</style>
<script language="javascript">
var i;
var imgs = ['https://lh4.ggpht.com/9c5DhY0f86vBQS8GXMV0QIfKoa6_4_xALcCon0PROkk9KxmgXN6E-9JsHMWRJ9kVXUg=w124',
'https://lh5.ggpht.com/YiDR03Al7VMlPDGDsfbWk9BK1m0sWhPDcpU38wzR53o7ZZEcdEnzJRckkiru0PtS_iw=w124',
'https://lh4.ggpht.com/p63iqR_dLbj9n8MAaPygRB-DGylHXvppBvX3HxABPBukjVOdN18_aPhLRUyllly3utK4=w124'];
var len = imgs.length;
var img = document.getElementById('img');
for(i=0;i<len;i++)
{
img.src = imgs[i];}
</script>
</head>
<body>
<img id="img" src="">
</body>
</html>
如果我有上千个图片的链接，我把这些链接放到一个数组里面，然后依次或随机显示到页面上，就想实现这样的功能，请问代码哪里有误？多谢！ 展开
</style>
<script language="javascript">
var i;
var imgs = ['https://lh4.ggpht.com/9c5DhY0f86vBQS8GXMV0QIfKoa6_4_xALcCon0PROkk9KxmgXN6E-9JsHMWRJ9kVXUg=w124',
'https://lh5.ggpht.com/YiDR03Al7VMlPDGDsfbWk9BK1m0sWhPDcpU38wzR53o7ZZEcdEnzJRckkiru0PtS_iw=w124',
'https://lh4.ggpht.com/p63iqR_dLbj9n8MAaPygRB-DGylHXvppBvX3HxABPBukjVOdN18_aPhLRUyllly3utK4=w124'];
var len = imgs.length;
var img = document.getElementById('img');
for(i=0;i<len;i++)
{
img.src = imgs[i];}
</script>
</head>
<body>
<img id="img" src="">
</body>
</html>
如果我有上千个图片的链接，我把这些链接放到一个数组里面，然后依次或随机显示到页面上，就想实现这样的功能，请问代码哪里有误？多谢！ 展开
4个回答
展开全部
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;
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
上千张图片，怎么这么多哦
理论上是可以的
但，你的意思是把这上千个图片链接都放到js数组里对吧？
这样会造成浏览器运行js负担非常重哦
似乎这种方式不是很好，弄不好，卡主浏览器
你还是想点别的招吧
你这想法不利于页面优化
理论上是可以的
但，你的意思是把这上千个图片链接都放到js数组里对吧？
这样会造成浏览器运行js负担非常重哦
似乎这种方式不是很好，弄不好，卡主浏览器
你还是想点别的招吧
你这想法不利于页面优化
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!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>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你这样网页加载完不就显示的是最后那张图片么？
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
