流量变现70%分成 全国楼凤小姐姐 招商联系客服 招商联系客服 招商联系客服 招商联系客服

网页弹窗代码大全-终极应用--弹出的窗口之cookie控制

[复制链接]
查看142 | 回复0 | 2024-9-22 10:43:48 | 显示全部楼层 |阅读模式
【终极应用--弹出的窗口之cookie控制】

回想一下,上面的弹出窗口虽然酷,但是有一点小毛病(沉浸在喜悦之中,一定没有发现吧?)比如你将上面的脚本放在一个需要频繁经过的页面里(例如首页),那么每次刷新这个页面,窗口都会弹出一次,是不是非常烦人?:-(有解决的办法吗?yes! ;-) follow me.
我们使用cookie来控制一下就可以了。
首先,将如下代码加入主页面html的<head>区:
复制内容到剪贴板
代码:
  1. <script>
  2. function openwin()
  3. {window.open("page.html","","width=200,height=200")}
  4. function get_cookie(name)
  5. {var search = name + "="
  6. var returnvalue = "";
  7. if (documents.cookie.length > 0) {
  8. offset = documents.cookie.indexof(search)
  9. if (offset != -1) {
  10. offset += search.length
  11. end = documents.cookie.indexof(";", offset);
  12. if (end == -1)
  13. end = documents.cookie.length;
  14. returnvalue="/(documents.cookie.substring(offset,end))"
  15. }
  16. }
  17. return returnvalue;
  18. }
  19. function loadpopup(){
  20. if (get_cookie('popped')==''){
  21. openwin()
  22. documents.cookie="popped=yes"
  23. }
  24. }
  25. </script>
复制代码

然后,用<body >(注意不是openwin而是loadpop啊!)替换主页面中原有的<body>这一句即可。你可以试着刷新一下这个页面或重新进入该页面,窗口再也不会弹出了。真正的pop-only-once!
写到这里弹出窗口的制作和应用技巧基本上算是完成了,俺也累坏了,一口气说了这么多,希望对正在制作网页的朋友有所帮助俺就非常欣慰了。
需要注意的是,js脚本中的的大小写最好前后保持一致。


回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则