这篇博客介绍如何利用HTML、JavaScript和Ajax技术，结合JSON数据，实现点击按钮时随机展示一张图片，并显示其在数据集中的序号。重点讲解了随机数的生成、JSON解析以及DOM操作。
使用随机数让图片随机产生
html部分：
<body>
<h1 id="text"></h1>
<p id="title"></p>
<img src="" alt="" id="img"/>
<button id="btn">点击按钮</button>
</body>
js部分
<script type="text/javascript" src="ajax.js"></script> //外部引入封装好的ajax封装函数
<script type="text/javascript">
var arr=[]; //声明一个空数组，用来存放之后需要用的数组
function num(n,m){
return Math.round(Math.random()*(m-n)+n);
} //封装n~m之间的随机数
ajax({
"url":"success.json", //路径引入json文件
"method":"get", 
最低0.47元/天 解锁文章
536
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
