首页 > 编程 > JS > 正文

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

2020-07-03 12:40:02
字体:
来源:转载
供稿:网友
这篇文章主要为大家详细介绍了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实现网页(手机端页面)点击广告后广告不再显示效果的全部内容,希望对大家的学习和解决疑问有所帮助,也希望大家多多支持错新网。
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表