Question

有一个网页，用于对不同图片（投票工具）进行投票。

在页面上有2个不同的广告横幅，存储在div容器中。

广告本身会被一个用广告填充div的脚本加载。（和常规一样）。

现在我的问题是，点击5张照片后或经过一段时间后广告应重新加载。页面重新加载的选项也是不可能的。如果页面被刷新，则图片再次从图片1开始，因此如果观看者已经处于类似的图片10，则它不是非常有用。

我们如何在页面上重新加载脚本/单个div容器，以便页面保持完全相同，只有广告重新加载并显示另一个横幅？

非常感谢任何帮助。

注意：我已经尝试了

document.getElementById("addBoxOne").innerHTML

它适用于文本或图片，但不适用于脚本和

document.write("")

使用document.write时，整个页面会被覆盖，而不仅仅是div本身。我无法弄清楚如何只重写/刷新Adbox

编辑：广告横幅的脚本

<div class="superbanner">
这是广告横幅所在的div，我想重新加载



<script language="JavaScript">
    if (typeof (WLRCMD) == "undefined") {
        var WLRCMD = "";
    }
    if (typeof (adlink_randomnumber) == "undefined") {
        var adlink_randomnumber = Math.floor(Math.random() * 10000000000)
    }
    document
            .write('<scr'
                    + 'ipt language="JavaScript" src="http://ad.de.doubleclick.net/adj/oms.skol.de/localnews_bilder;oms=localnews_bilder;reg=;nielsen=3b;dcopt=ist'
                    + WLRCMD + ';sz=728x90;tile=1;ord='
                    + adlink_randomnumber + '?"><\/scr'+'ipt>');
</script>
<noscript>
    <a
        href="http://ad.de.doubleclick.net/jump/oms.skol.de/localnews_bilder;oms=localnews_bilder;nielsen=3b;sz=728x90;tile=1;ord=1734775579?"
        target="_blank"><img
        src="http://ad.de.doubleclick.net/ad/oms.skol.de/localnews_bilder;oms=localnews_bilder;nielsen=3b;sz=728x90;tile=1;ord=1734775579?"
        border="0" width="728" height="90"></a>
</noscript>
<div class="clear"></div>

Answer 1

尝试使用AJAX而不是Document.write。。在添加新内容之前，doc.write将删除dom中的所有内容..

 $.ajax({
   url: "http://ad.de.doubleclick.net/adj/oms.skol.de/localnews_bilder;oms=localnews_bilder;reg=;nielsen=3b;dcopt=ist",
   dataType: "script",
   cache: true,//This will decide whether to cache it or no so that it will not add the       timestamp along with the request
  success: function(){}//In the success handler you can write your code which uses resources from this js file ensuring the script has loaded successfully before using it
 });

Answer 2

<body class="white">
    <h1 class="black">3 seconds image.</h1>
</body>

.white {
    background-color:#FFFFFF;
    color:#000000;
}
.black {
    background-color:#000000;
    color:#FFFFFF;
}
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {    
    function changeColor(){
        if ($('body').hasClass('white')) {
            $('body').removeClass('white');
            $('body').addClass('black');
            $('h1').removeClass('black');
            $('h1').addClass('white');
        }
        else {
            $('body').removeClass('black');
            $('body').addClass('white');
            $('h1').removeClass('white');
            $('h1').addClass('black');
        }
    }
    setInterval(changeColor, 3000);
});
</script>

其他。见documentation

$(document).ready(function() {
  // Put all your code here
    setInterval(function() {
        //$("#content").load(location.href+" #content>*","");
        $("#content").load('image.png').fadeIn("slow")
    }, 5000);
});

//使用setInterval

概念的简单示例

$(document).ready(function(){
var g = $('.jumping');
function blink(){
  g.animate({ 'left':'50px' 
  }).animate({
     'left':'20px'
        },1000)
}
setInterval(blink,1500);
});

刷新div容器中的广告横幅

2 个答案: