javascript - 单击 div 内的 iframe 中的元素后删除该 div

Question

我在 div 中有一个 AdSense，并希望保护它免受无效流量的影响。在有人点击广告后，它应该被隐藏，并且在一段时间后不会显示。

HTML:

<div id="codeWrapper">
<div id="firstCode">Adsense code here</div>
</div>

CSS:

#codeWrapper { position: relative;}
#firstCode { position: absolute; width: 336px; height: 280px; z-index: 999;}

JS:

$("#firstCode").click(function () {
        var date = new Date();
        var h = "24";
        date.setTime(date.getTime() + (h * 60 * 60 * 1000));
        Cookies.set('clicked', 'true', {expires: date, path: '/'});

        $(this).parent().remove();
});

我使用 javascript cookie 来存储点击广告的日期并设置到期时间。

控制台中没有错误，但不知何故它不起作用。

Answer 1

如果 iframe 有不同的服务器，实际的浏览器不允许脚本操纵 iframe 的内部内容。因此，您需要检查 iframe url 是否与您当前的 url 具有相同的服务器。