javascript - 删除/阻止将来的元素加载到 DOM 中

Question

出于演示目的，我使用免费的网络托管服务向我的客户展示他们 future 的网站应该是什么样子。 (Webhost)但网络主机会在代码底部插入脚本，在每个第一个 session 中显示弹出窗口。

我的问题是:如何删除此弹出窗口或阻止其正确显示/加载

COOKIE:

a_visited_already    true    stats.hosting24.com    21 B    /    21/04/2016 à 13:20:43

HTML-CSS/JAVASCRIPT:

<style type="text/css" media="screen">
.popup {
    display: block;
    width: 666px;
    height: 474px;
    background-image: url(http://stats.hosting24.com/popup/bg_popup.png);
    background-position: center top;
    background-repeat: no-repeat;
}
.popup a.close {
    display: block;
    float: right;
    width: 44px;
    height: 44px;
}
.ikuruzkrauti {
    margin: 30px;
}
</style>
<script type="text/javascript">
$(document).ready(function(){$("#visas_style_div").bPopup({contentContainer:".ikuruzkrauti"});});
</script>
<div class="bModal __bPopup1" style="background-color: rgb(0, 0, 0); height: 100%; left: 0px; opacity: 0.7; position: fixed; top: 0px; width: 100%; z-index: 9998; cursor: pointer;"></div>
<div id="visas_style_div" class="popup" style="left: 627px; position: absolute; top: 20px; z-index: 9999;"> <a class="close bClose" href=""></a>
    <div class="ikuruzkrauti"> <a href="http://www.hostinger.nl"> <img border="0" src="http://www.hostinger.nl/banners/nl/hostinger-600x400-2.gif"> </a> </div>
</div>

他们使用bpopup> Link

/*********************************************************************************
 * @name: bPopup
 * @author: (c)Bjoern Klinggaard (http://dinbror.dk/bpopup - twitter@bklinggaard)
 * @version: 0.8.0.min
 *********************************************************************************/

Answer 1

那么，您可以重写 bPopup 方法，如下所示:

$.fn.bPopup = function(){
    this.remove(); //removes the called div from the DOM
};

也就是说，假设他们用于弹出目的的 jQuery 已包含在页面中，此时您可以访问它。

如果没有，您始终可以选择隐藏弹出窗口:

body .popup {
    display: none !important;
}