利用cookies实现对弹出窗口频率的控制
原理:
当用户第一次访问网站时候,此时没有设置cookies参数,并且设置过期,弹出显示对话框,弹完之后,设置cookies参数”popped=yes;expires=”+date.toGMTString()”,第二次加载时候,判断存在这个参数,则跳过加载对话框,cookies失效后,浏览器会自动删除失效的参数
代码:
JS/css引入
<link rel=”stylesheet” href=”//apps.bdimg.com/libs/jqueryui/1.10.4/css/jquery-ui.min.css”>
<script src=”//apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js”></script>
<script src=”//apps.bdimg.com/libs/jqueryui/1.10.4/jquery-ui.min.js”></script>
JS函数
<script>
$(function() {
if (get_cookie(‘popped’)==”){
$(“#dialog-modal”).show();
$( “#dialog-modal” ).dialog({
height: 410,
width: 815,
modal: true
});var date=new Date();
date.setTime(date.getTime()+12*60*60*1000); //设置date为当前时间+30分
document.cookie=”popped=yes;expires=”+date.toGMTString();}else{
$(“#dialog-modal”).hide();
}
});function get_cookie(Name) {
var search = Name + “=”
var returnvalue = “”;
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(“;”, offset);
if (end == -1)
end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}
</script>
DIV模块
<div id=”dialog-modal” title=”关注公众号(Java杂记),领取免费的学习资源,目前受益良多” style=”width: auto;min-height: 0px;max-height: none;height: 360px;display:none;”>
<p><img src=”http://www.liuhaihua.cn/wp-content/uploads/2018/07/888.png” data-baiduimageplus-ignore data-tag=”bdshare”/></p>
</div>
效果:
利用cookies实现对弹出窗口频率的控制相关推荐
- javascript弹出窗口代码大全(转)
转帖,用来学习的 javascript弹出窗口代码大全 如何利用网页弹出各种形式的窗口,我想大家大多都是知道些的,但那种多种多样的弹出式窗口是怎么搞出来的,我们今天就来学习一下: 1.弹启一个全屏窗口 ...
- 弹出窗口以及关闭窗口
按钮弹出,通常在这个窗口里会显示一些注意事项.版权信息.警告.欢迎光顾之类的话或者作者想要特别提示的信息.其实制作这样的页面非常容易,只要往该页面的HTML里加入几段javascript代码即可实现. ...
- 最基本的弹出窗口代码
<SCRIPT LANGUAGE="javascript"> <!-- window.open ('page.html') --> </SCRIPT& ...
- html打赏代码,利用弹出窗口实现打赏的代码
很多的博客的博主们都喜欢在每篇文章的底部加入一个打赏的功能,虽然不会有人真的给打赏一些小费,好在有比没有要强的多,它可以使博客的内容更加的丰富起来.今天记录一下关于自己写的一个打赏的实例. 先上图,大 ...
- html转chm后脚本错误,win10系统打开chm资料弹出窗口提示脚本出现错误的恢复办法...
有关win10系统打开chm资料弹出窗口提示脚本出现错误的操作方法想必大家有所耳闻.但是能够对win10系统打开chm资料弹出窗口提示脚本出现错误进行实际操作的人却不多.其实解决win10系统打开ch ...
- swing退出子窗口事件_如何创建有效的退出弹出窗口?
如何创建有效的退出弹出窗口? 下面的退出弹出窗口为电子邮件列表增加了4153个订阅者: 这个提供折扣的弹出窗口,帮助Storiarts在60天之内挽回了96个弃单客户,从而额外创造了5000美元的销售 ...
- python tkinter 弹窗_Python:tkinter-Parent获取弹出窗口的返回值
获取窗口对象的返回值是一个很常见的模型,比如程序弹出一个窗口,读取用户的输入值,这个值可以很容易的保存在弹出的窗口中,但问题在于如何将这个值传递给弹出窗口的parent.这是一个看似很simple的问 ...
- 用jQuery实现弹出窗口/弹出div层
原文链接:http://hi.baidu.com/awz_tiger/item/863cfc10c4bb0f6171d5e8d9 http://blog.163.com/qiuxinke2006@12 ...
- Web开发技巧:使用自定义数据属性创建弹出窗口
2019独角兽企业重金招聘Python工程师标准>>> 在开发web应用时,有时会用JavaScript获取文档之外的信息,某些情况下,我们需要用一些技巧来处理这些额外信息以保证We ...
最新文章
- 构建基于AgileEAS.NET应用开发平台的简单应用程序
- C++继承时的对象内存位置(一)
- 【并查集】家谱(luogu 2814/ssl 2343)
- oracle sql语句大全
- 加速 SpringBoot 应用开发,官方热部署神器真带劲!
- Appium - 一个投巧的办法去验证页面是否存在某个元素
- python基础语法_字符串编码
- css3 如何动态画一条直线_素描基础学习课:素描长直线的画法!把直线画直的关键!...
- mysql-proxy数据库中间件架构
- tf-openpose人体姿态估计标签生成--heatmap--vectormap
- 拓端tecdat|R语言向量自回归VAR的迭代多元预测估计 GDP 增长率时间序列
- focal loss小结
- Kiterunner上下文感知型内容搜索工具
- html注册页面带验证码,登陆注册-带图片的验证码
- Java模拟物流快递系统程序设计(此题仅仅实现类的继承与多态,后续增加接口部分)
- 微信小程序 canIUse
- 如何量个量化策略的好坏
- DNSPod十问Neha Naik:以人民币结算海外IT业务的可能性?
- 1个人做自媒体,就选这4个领域,变现容易,操作简单
- vue-cli 项目踩坑 npm install 时出错
热门文章
- C++新特性探究(13.5):右值引用
- jenkins修改pom文件_DevOps实践:Jenkins与Nexus制品库集成
- listctrl 优化_上海SEO整站优化公司_新站整站快速排名优化
- leetcode刷题:三数之和
- python列表求和显示unsupport_本地使用pip命令安装requests库,提示unknow or unsupported command install解决方法...
- c语言 poll,c语言 linux 中 poll 的参数
- CUDA C编程权威指南 第三章 CUDA执行模型
- oracle linux hugepage,LInux下为什么配置HugePages及配置步骤
- 计算机多功能发展,随着电子计算机向微型化和多功能化发展,它的体积大大缩小,成本大大降低。性能明 - 问答库...
- java订单类_使用Java创建一个订单类代码实例