JS实现网页(手机端页面)点击广告后广告不再显示效果

时间:2021-05-07 03:19:58 投诉/举报
这篇文章主要为大家详细介绍了JS实现网页(手机端页面)点击广告后广告不再显示效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,有需要的朋友可以收藏方便以后借鉴。

      昨天有用户咨询织梦模板小编,如何用JS实现这样的一种效果:在用户点击广告后广告关闭不再让其现实。因为我们一般手机网页或者PC端网站广告代码都是JS写的,要实现刚才上面说的效果,我们可以用cookies来实现就可以,让cookies记住您关闭动作,然后让其一定时间不显示。这样实现的优点就是用户体验度好,缺点就是cookies有时间限制,假如有的客户自己自行清空浏览器缓存,那就立马失效了。下面我们就来实现看看。

cookies的写法

首先我们要敲出写cookies代码:

function setCookie(name,value){ 
 var exp = new Date(); 
 exp.setTime(exp.getTime() + 24*60*60*1000);//有效期24小时 
document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString(); 
}

写好了cookies,然后应该写取出cookies代码:

function getCookie(name){ 
 var arr = document.cookie.match(new RegExp("(^| )"+name+"=([^;]*)(;|$)")); 
 if(arr != null) return unescape(arr[2]); return null; 
}

有了写和读代码,下面控制JS广告就简单了!首先我们要关联您关闭按钮点击事件,然后判断是否产生了cookies,有的话就不显示,没有的话就显示,大家可以去尝试看看呢。当然如果自己不想操作,可以联系我们的在线客服帮您有偿书写相关广告代码。

以上就是JS实现网页(手机端页面)点击广告后广告不再显示效果的全部内容,希望对大家的学习和解决疑问有所帮助,也希望大家多多支持乐享吧网。

QQ在线客服PC端和手机端的写法

经常受到一些用户的咨询说QQ在线客服代码在PC端的时候完全正常,但是在WAP端点击就没有效果,没反应似的。针对这个问题织梦模板小编特意通过查询腾讯官方说明,知道手机端用的协