js随机广告的制作

最新推荐文章于 2021-06-08 18:06:24 发布

shaonian1996

最新推荐文章于 2021-06-08 18:06:24 发布

阅读量3.9k

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript

本文链接：https://blog.youkuaiyun.com/qq_41179401/article/details/81188665

javascript 专栏收录该内容

43 篇文章

订阅专栏

本文介绍了一种使用JavaScript生成随机广告的方法。通过将广告信息存储在数组中，利用Math.random()函数随机选择数组元素，实现广告的随机展示。此方法简单易行，适用于网站或应用内的广告轮播。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

js随机广告的制作

var adver = [];
adver[1] = {
	'title' : '雅仕潮品长袖条纹T恤女纯棉2018春秋季新款女装韩版修身一字领打底衫 白色条纹',
	'pic' : 'images/adver_1.png',
	'link' : 'https://item.jd.com/23783908504.html'
};
adver[2] = {
	'title' : '丁尚元 短袖t恤女2018夏装新品印花打底韩版高含棉宽松T恤女 8882图片色 ',
	'pic' : 'images/adver_2.png',
	'link' : 'https://item.jd.com/28109338110.html'
};
adver[3] = {
	'title' : '袋鼠短裤男运动裤潮牌五分裤男士夏薄款中裤沙滩裤宽松中青年裤子 DS68246 ',
	'pic' : 'images/adver_3.png',
	'link' : 'https://item.jd.com/28621353859.html'
};
var i = Math.floor(Math.random()*3+1);
document.write('<a href="'+adver[i].link+'" target="_blank" title="'+adver[i].title+'"><img src="'+adver[i].pic+'"></a>');

原理：将广告的信息存放在js数组里，随机数组的下标，只要在需要放广告的地方引入js就行了。