javascript - 网站页面上的随机横幅定位。可能的？

Question

有人可以告诉我如何实现以下目标吗？

我想在我的网站页面上显示横幅(当然这很容易)。不过，我希望它随机(单次)出现在我选择的 4 个位置之一(DIV ID 的bannerpos1、bannerpos2、bannerpos3 和bannerpos4)。

如果横幅出现在bannerpos2中，则它不应出现在任何其他位置，反之亦然。

并且，只有在可能的情况下，它才应该显示一个随机横幅(从 3 个横幅中进行选择)。

简而言之；我想要在页面上的随机位置放置一个随机横幅。当然，横幅和位置尚未确定。

有人可以帮助我，或者为我指明正确的方向吗？

//11 月 7 日更新

好吧，我一直在摆弄乔展示的脚本，但是我遇到了一些问题......

目前代码如下所示(在 body-tage 之前):

<script type="text/javascript">
$(function(){
var position = Math.floor((Math.random()*3));
console.log(position)

var $a = $("#advertentieplaats1");
var $b = $("#advertentieplaats2");
var $c = $("#advertentieplaats3");

var $advertentietype1 = $("#advinhoud1");
var $advertentietype2 = $("#advinhoud2");
var $advertentietype3 = $("#advinhoud3");

if (position == 0){
    $a.append($advertentietype1);
}
if (position == 1){
    $b.append($advertentietype2);
}
if (position == 2){
    $c.append($advertentietype3);
}
});
</script>

在页面底部我有以下内容:

<div id="advinhoud1">adsense code 1</div>
<div id="advinhoud2">adsense code 2</div>
<div id="advinhoud3">adsense code 3</div>

或者这有一些问题，或者我不知何故做错了......

在 Firefox 中，它会在随机(定义的)位置显示 adsense 代码。它还在底部显示剩余的 2 个广告(不应可见，甚至不应加载)。

在 Internet Explorer 中它根本不执行任何操作...？所有 Adsense 都显示在底部，随机位置没有任何内容...？

Answer 1

类似这样的事情。您可以使其更加动态，但这就是想法。

var position = Math.floor((Math.random()*3));
var $a = $("#myDiv1"); // Get the three containers as JQuery objects by id.
var $b = $("#myDiv1");
var $c = $("#myDiv1");
var $myAd = $("#myAd"); // Get the content you want to place.
                        // You could include it as a string in your JS 
                        // or as a hidden element.
if (position == 0)
{
    $a.append($myAd);
}

if (position == 1)
{
    $b.append($myAd);
}

if (position == 2)
{
    $c.append($myAd);
}