chhsj 2022-01-20 12:01 采纳率: 42.9%
浏览 103
已结题

急!! JS.html的for循环怎麼改?

大家好~我在JS及html 隨機顯示圖片放入以下語法

index = Math.floor(Math.random() * tips.length);
document.write(tips[index]); //顯示幾張照片放幾組

目前圖片只可顯示一張，
若要改成顯示多張，要改哪裡呢?
麻煩直接列給我修改後的語法，謝謝

  • 写回答

1条回答 默认 最新

  • 前端互助会 2022-01-20 12:45
    关注

    img


    这是我根据你需求展示的for 循环 显示图片
    代码

    <!DOCTYPE html>
<html>
<head>
</script>
<script>
var tips = [
                    {imgUrl:"https://ftp.bmp.ovh/imgs/2021/06/18714484ed0bcedd.jpeg"},
                    {imgUrl:"https://ftp.bmp.ovh/imgs/2021/06/6c1de67f16cd473a.jpg"},
                    {imgUrl:"https://ftp.bmp.ovh/imgs/2021/06/f1e72ea4509bfdc3.jpg"},
                    {imgUrl:"https://ftp.bmp.ovh/imgs/2021/06/0e08adcc12a84823.jpg"},
                    {imgUrl:"https://ftp.bmp.ovh/imgs/2021/06/c10aede244ea0307.jpg"},
                    {imgUrl:"https://ftp.bmp.ovh/imgs/2021/06/6aa6957f01aaf8cf.jpg"},
                    {imgUrl:"https://ftp.bmp.ovh/imgs/2021/06/ffafc9b499c87516.jpg"},
                    {imgUrl:"https://ftp.bmp.ovh/imgs/2021/06/37f229f7abf99d89.jpg"},
                    {imgUrl:"https://ftp.bmp.ovh/imgs/2021/06/8ffaa2489786e6f8.webp"},
                    {imgUrl:"https://ftp.bmp.ovh/imgs/2021/06/a4d652910bbb7826.jpg"},
                ]
for (var i=0;i<tips.length;i++){
    document.write("<img src='"+tips[i].imgUrl+"' style='width:150px;height:150px;'>");
}
</script>
</head>
<body>

</body>
</html>

    对你有帮助的话，麻烦点击一下下面的

    img

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题？

问题事件

  • 系统已结题 1月28日
  • 已采纳回答 1月20日
  • 专家修改了标签 1月20日
  • 修改了问题 1月20日
  • 展开全部

悬赏问题

  • ¥15 运筹学排序问题中的在线排序
  • ¥15 关于docker部署flink集成hadoop的yarn，请教个问题 flink启动yarn-session.sh连不上hadoop，这个整了好几天一直不行，求帮忙看一下怎么解决
  • ¥30 求一段fortran代码用IVF编译运行的结果
  • ¥15 深度学习根据CNN网络模型，搭建BP模型并训练MNIST数据集
  • ¥15 C++ 头文件/宏冲突问题解决
  • ¥15 用comsol模拟大气湍流通过底部加热（温度不同）的腔体
  • ¥50 安卓adb backup备份子用户应用数据失败
  • ¥20 有人能用聚类分析帮我分析一下文本内容嘛
  • ¥30 python代码，帮调试，帮帮忙吧
  • ¥15 #MATLAB仿真#车辆换道路径规划