<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
* {
margin: 0;
padding: 0;
list-style: none;
}
ul {
margin: 50px auto;
width: 600px;
}
li {
width: 100px;
height: 100px;
float: left;
margin: 10px;
}
img {
width: 100px;
height: 100px;
}
</style>
</head>
<body>
<script>
let num = prompt('请输入要打印画像的个数，1~20之间') //存储输入的数字
if (num >= 1 && num <= 20) { //判断输入的数字是否在1~20之间，如果不是提示输入错误
document.write('<ul>') //在<li></li>上方输出<ul>
for (i = 1; i <= num; i++) {
//下面的document.write打印图像
document.write(`
<li><img src="./img/${i}.webp" alt=""></li>
`)
}
document.write('</ul>') //在<li></li>下方输出/ul>，实现对<li></li>的包裹
} else {
alert('输入数字错误请重新输入')
}
</script>
</body>
</html>
Java Script实现对王者荣耀英雄画像的输出，（提供源码和素材） 点赞加关注，经典案例持续更新~
需积分: 0 37 浏览量
2023-11-02
17:29:03
上传
评论
收藏 92KB RAR 举报
王者荣耀画像输出源码和素材.rar （21个子文件） 
王者荣耀画像输出 
王者荣耀画像个数渲染.html 1KB img 
10.webp 5KB 5.webp 5KB 13.webp 5KB 14.webp 4KB 11.webp 5KB 3.webp 5KB 12.webp 4KB 4.webp 6KB 6.webp 4KB 2.webp 5KB 16.webp 5KB 8.webp 4KB 9.webp 4KB 20.webp 4KB 18.webp 4KB 7.webp 5KB 1.webp 3KB 15.webp 4KB 17.webp 4KB 19.webp 5KB资源评论
