"如何在 javascript 或 jQuery 中基于 ip 地址执行一些代码？"

Question

我正在尝试制作我的网站的高级版本，并只允许高级会员查看一些 div 或隐藏广告等。我想根据 IP 地址来做。 为此，我在网上搜索并找到了这个片段：

<script type="text/javascript" src="https://l2.io/ip.js?var=userip"></script>
<script type="text/javascript">
if (userip== 0.0.0.0 || 1.1.1.1) { // More addresses as required. Given addresses are for example only
document. getElementsByClassName('ads-here'). style. display = "none";
}</script>

Answer 1

尝试使用function() 。 你的 src 没有完全准备好，所以userip是 null userip == 0.0.0.0总是假的。

<script type="text/javascript" src="https://l2.io/ip.js?var=userip"></script>
<script type="text/javascript">
    (function() {
       if (userip== 0.0.0.0 || 1.1.1.1) { // More addresses as required. Given addresses are for example only
       document. getElementsByClassName('ads-here'). style. display = "none";
    }
    })();
    </script>

编辑：让它工作。 应该先定义userip 。 PS：Ublock Origin 屏蔽了l2.io。

 <div class="ads-here"> dsgdfgadf </div> <script type="text/javascript"> var userip; </script> <script type="text/javascript" src="https://l2.io/ip.js?var=userip"></script> <script type="text/javascript"> (function() { if (userip == '0.0.0.0') { document. getElementsByClassName('ads-here')[0].style.display = "none"; } console.log(userip) })(); </script>

Answer 2

您的代码document.getElementsByClassName('ads-here').style.display = "none";<\/code> , 是不正确的，因为getElementsByClassName<\/code>返回一个HTMLCollection<\/code> ，而不是一个Element<\/code> 。 您必须遍历document.getElementsByClassName('ads-here')<\/code>结果并将它们的style.display<\/code>设置为"none"<\/code> 。 例子：

for (const element of document.getElementsByClassName('ads-here')) {
    element.style.display = "none";
}