HTML页面中页面加载的不同内容答案

【问题标题】：Different content on page load in an HTML pageHTML页面中页面加载的不同内容
【发布时间】：2011-01-12 11:27:05
【问题描述】：

我正在尝试找到一种在每次页面加载时在 div 中加载不同内容（基本上是 <img> 和 <a>）的方法。

我知道这是可能的，因为许多网站使用“动态”或“旋转”横幅，它们要么在定义的时间间隔内加载不同的内容，要么在页面加载时加载。

非常感谢您的帮助:)

【问题讨论】：

【解决方案1】：

我会通过创建一个包含图像和链接的 URL 的对象数组来做到这一点，然后使用 Math.random() 随机选择一个。

var banners = [
    { img: '/images/1.png', a: 'page1.htm'},
    { img: '/images/2.png', a: 'page2.htm'},
    { img: '/images/3.png', a: 'page3.htm'},
    { img: '/images/4.png', a: 'page4.htm'},
    { img: '/images/5.png', a: 'page5.htm'},
    { img: '/images/6.png', a: 'page6.htm'}
];
var banner = banners[Math.floor(Math.random() * banners.length)];
document.write('<a href="' + banner.a + '"><img src="' + banner.img + '"></a>');

您可能想要比这更复杂的东西，但这应该为您提供一个起点。

【讨论】：

【解决方案2】：

http://plugins.jquery.com/plugin-tags/random-image

【讨论】：