Javascript 删除广告内容时显示图像

我在一个div中放置了一段广告代码，在页面底部，我有javascript代码来检查div的偏移大小。如果返回“0”，我可以安全地假设广告已经被广告拦截器咀嚼过了

我想做的是，我想在广告被屏蔽时，在广告应该显示的地方出现一个图像

你知道怎么做吗

编辑：忘记显示代码

<div id="div_bleh">
ads goes here
</div>

<script type="text/javascript">
function check_blehsize()
{
    if (document.getElementById("div_bleh").offsetHeight == 0)
        // do stuff
}
window.onload = check_blehsize;
</script>

这里有广告
函数检查_blehsize（）
{
if（document.getElementById（“div_bleh”）.offsetHeight==0）
//做事
}
window.onload=检查\u blehsize；

假设您知道将显示的广告的大小，通常您会知道

<div class="advert">
    <!-- Adverts go here -->
</div>

.advert {
    background-image: url(blah);
    width: 120px;
    height: 250px;
}

.advert > * {
    background-color: white;
}

.广告{
背景图片：url（blah）；
宽度：120px；
高度：250px；
}
.广告>*{
背景色：白色；
}

---

当广告被广告拦截器撕碎时，该内容不会显示出来。只是一个想法，我个人从来没有试过绕过广告拦截器。

假设你知道你将要显示的广告的大小，这通常是你知道的

<div class="advert">
    <!-- Adverts go here -->
</div>

.advert {
    background-image: url(blah);
    width: 120px;
    height: 250px;
}

.advert > * {
    background-color: white;
}

.广告{
背景图片：url（blah）；
宽度：120px；
高度：250px；
}
.广告>*{
背景色：白色；
}

---

当广告被广告拦截器撕碎时，该内容不会显示出来。这只是一个想法，我个人从未尝试过绕过广告拦截器。

以下是一个我针对一个非常常见的广告拦截器Firefox（使用EasyList过滤器）进行测试的示例：

（）

.无辜阶级{
背景：url(http://www.google.com/images/logos/ps_logo2.png);
宽度：240px；
高度：400px
}
.justForTesting.做广告{
宽度：240px；
高度：400px；
背景：#fff
}
在这里登广告！

当Adblock Plus找到具有类（例如）的元素时，它将隐藏该元素

如果是，则父元素中的“请不要阻止我的广告！”

背景图像（在本例中为谷歌徽标）将可见

如果广告未被阻止，则广告将覆盖替换图像

尝试将
广告
更改为其他内容，如
sdpfjsdfjp
，广告将可见

我想这项技术也适用于大多数其他广告拦截器。
下面是一个我针对一个非常常见的广告拦截器Firefox（使用EasyList过滤器）测试的示例：

（）


.无辜阶级{
背景：url(http://www.google.com/images/logos/ps_logo2.png);
宽度：240px；
高度：400px
}
.justForTesting.做广告{
宽度：240px；
高度：400px；
背景：#fff
}
在这里登广告！

当Adblock Plus找到具有类（例如）的元素时，它将隐藏该元素

如果是，则父元素中的“请不要阻止我的广告！”
背景图像（在本例中为谷歌徽标）将可见

如果广告未被阻止，则广告将覆盖替换图像

尝试将
广告
更改为其他内容，如
sdpfjsdfjp
，广告将可见

我想这种技术也适用于大多数其他广告拦截器。
您可以使用javascript向该div添加一个类（下面示例中的jquery），
比如说,

adContainer = $(".ad-container");
if ( $(".ad-container").height() == 0 ) {
  adContainer.addClass("no-ads");
}

而css将是

.no-ads {
  background: url(the_picture.jpg) no-repeat 0 0;
  width: ?px;
  height: ?px;
}

您可以使用javascript向该div添加一个类（下面的示例中为jquery），
比如说,

adContainer = $(".ad-container");
if ( $(".ad-container").height() == 0 ) {
  adContainer.addClass("no-ads");
}

而css将是

.no-ads {
  background: url(the_picture.jpg) no-repeat 0 0;
  width: ?px;
  height: ?px;
}

问题在哪里？您是否询问如何将图像插入此字段？为什么要删除该广告？你是否给出了可能性？为什么你不把你添加的内容覆盖在另一个div上，因为图像或文本已经全部覆盖了，我在一些大页面上看到了这种方法。我只是编辑了我的问题，让它更清晰。如果用户想屏蔽你的广告，如果你仍然想显示广告，他们会不会更生气？Kasturi，我想你误解了我的意图。该图像实际上不是一个广告，只是一个带有一点承诺信息的图像。需要记住的一点是，一些广告拦截器也可以将自定义url添加到黑名单中，这样他们仍然可以阻止广告下的图像。问题出在哪里？您是否询问如何将图像插入此字段？为什么要删除该广告？你是否给出了可能性？为什么你不把你添加的内容覆盖在另一个div上，因为图像或文本已经全部覆盖了，我在一些大页面上看到了这种方法。我只是编辑了我的问题，让它更清晰。如果用户想屏蔽你的广告，如果你仍然想显示广告，他们会不会更生气？Kasturi，我想你误解了我的意图。该图像实际上不是一个广告，只是一个带有一点承诺信息的图像。需要记住的一点是，一些广告拦截器也可以将自定义url添加到黑名单中，这样他们最终仍然可以阻止广告下的图像。如果div包含文本广告，这部分起作用。广告后面的背景图像将始终可见不管广告是否被屏蔽，除非广告是一个能很好地填满div空间的图像。关闭，但当广告加载时，你可以看到背景图像在你的页面上短暂飞溅。如果div包含文本广告，这部分起作用。无论广告是否被阻止，广告后面的背景图像将始终可见，除非广告是一个能很好地填满div空间的图像。关闭，但是当广告加载时，你可以看到背景图像在你的页面上飞溅一小会儿。嗯，注入一个类，有趣：）你能演示一下没有jquery如何做到这一点吗？嗯，注入一个类，有趣：）你能展示一下在没有jquery的情况下如何做到这一点吗？这个例子工作得很好，但是在你将advertise_ads类更改为其他名称后，adblock只会破坏ads脚本，而不是保存广告的整个部分