广告位只显示国外js技术代码分享

有时候我们想某些东西只在国内显示,国外不显示,或者只在国外显示国内不显示,那么如何通过代码实现呢?此代码大多数用于广告,想让广告国内不显示,只显示国外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>

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容