如何只在国外显示,国内不显示代码

前言

有时候我们想某些东西只在国内显示,国外不显示,或者只在国外显示国内不显示,那么如何通过代码实现呢?

此代码大多数用于广告,想让广告国内不显示,只显示国外IP用户,可以直接使用下面代码。

正文

JS判断文件

<script>
function ip(o){
if (!/China/.test(o.country)) {
document.getElementsByClassName('index-ad-banner').item(0).style.display='block';
}
}
var s = document.createElement('script');
s.type = 'text/javascript';
s.src = 'http://ip-api.com/json/?callback=ip';
document.body.append(s);
document.write('<style>.index-ad-banner{display:none;}</style>');
</script>

css样式代码

<style>
.index-ad-banner {width: 100%; height: auto;}
.index-ad-banner li { float: left; width: 25%; box-sizing: border-box; border: 1px solid #000; 
line-height: 10px; text-align:center; padding: 10px; margin: 0px; }
</style>

最后是调用代码

<div class="index-ad-banner">
这里放广告代码
</div>

以上就是功能代码。

总结

默认是国内不显示国外显示,如果想放过了,让广告只在国内显示,国外不显示,只需要改动js代码即可。

© 版权声明
THE END
喜欢就支持以下吧
点赞5645赞赏
分享
评论 抢沙发

请登录后发表评论