刘龙博客

分享记录互联网那些事~

JS判断移动端和PC端分别输出不同广告代码

有个自适应站需要挂广告代码,可是广告代码不是自适应的,所以需要用JS先判断PC还是移动端访问,然后用document.write分别输出不同的广告代码。

<script>
var url = location.search;
url = url.substr(1);
var bs={
versions:function(){
var u = navigator.userAgent, app = navigator.appVersion;
return {
trident: u.indexOf('Trident') > -1, 
presto: u.indexOf('Presto') > -1,
webKit: u.indexOf('AppleWebKit') > -1, 
gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, 
mobile: !!u.match(/AppleWebKit.*Mobile.*/)||!!u.match(/AppleWebKit/), 
ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), 
android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, 
iPhone: u.indexOf('iPhone') > -1,
iPad: u.indexOf('iPad') > -1         
};
}(),
language:(navigator.browserLanguage || navigator.language).toLowerCase()
} 
var flag = true;
if(bs.versions.mobile && url!='mobile'){
if(bs.versions.android||bs.versions.iPhone||bs.versions.iPad||bs.versions.ios){
flag=false;
}
}
if(flag){
/*PC*/
document.write('<a href="#"><img src="/images/bc1.gif" width="960" height="70" alt="BC1" /></a>');
}else{
/*移动*/
document.write('<a href="#"><img src="/img/bc1.gif" width="100%" alt="BC1" /></a>');
}</script>
点赞

发表评论

电子邮件地址不会被公开。 必填项已用*标注