若何操纵js设置div弹窗一天内只弹出一次?js若是实现弹窗一天只弹一次?下面,小编就来给大师介绍一下实现方式!

东西/原料
- jquery.js
- jquery.cookie.js
方式/步调
- 1
要实现弹窗一天只弹一次,需要依靠cookie来实现。而利用原生javascript操作cookie,代码会稍显复杂,所以这里借助jquery来实现。起首下载jquery.js和jquery.cookie.js两个文件(也可以直接引用其它网站上的这两个文件)。
- 2
然后新建一个网页用于演示。网页中有一个<div>层,层中有一个<span>块,块中内容为字母“X”,用做弹出窗口的封闭按钮。并将第一步中下载的两个jquery文件引入。
- 3
再为div标签添加一个css样式pop_windows,并在<head>标签中插手相关样式的界说,实现div层初始时不成见。可见状况下div层的CSS结果如下:
- 4
再在<body>标签中,插手javascript剧本引入标签<script></script>。
- 5
在<script>标签对中,插手span标签的点击事务:点击封闭(埋没)父对象,并写cookie,此中$.cookie("isClose",'yes',{expires:1}) 暗示在cookie中写入一对键值(键为isClose,值为yes),键值的有用期为1天,即第二天这个键值掉效。
- 6
再在<script>标签对中,插手cookie键值的判定前提,若是存在键为isClose,值为yes的cookie,则不弹出div层,不然弹出div层。
- 7
保留后,在浏览器中运行结果如下图,天天只弹出一次div层。大师可以按照需要,增添弹出层的弹出结果或让弹出层加倍美不雅。
来源:百闻(微信/QQ号:9397569),转载请保留出处和链接!
本文链接:https://www.ibaiwen.com/web/223756.html
- 上一篇: iPhone设置SOS紧急联络
- 下一篇: BetterZip 如何设置关联的压缩文件
猜你喜欢
-
什么是食物输送带(Food Conveyor Belt)?
-
什么是Calorad&Reg;(Calorad&Reg;)?
-
什么是工业真空(Industrial Vacuum)?
-
如何选择最便宜的家庭健身房(Choose the Best Cheap Home Gym)?
-
黄芪最常见的益处是什么(Most Common Astragalus Benefits)?
-
什么是气动过滤器(Pneumatic Filter)?
-
什么是壁挂式下巴酒吧(Wall Mounted Chin-Up Bar)?
-
什么是安全封条(Security Seal)?
-
什么是提升控制器(Hoist Controller)?
-
什么是伸展运动(Some Stretching Exercises)?
- 热门文章
-
WB蒙特利尔(WB Montreal)——欧美十大最差视频游戏开发商
迅猛龙(Velociraptor)——欧美史前十大死亡动物
什么是果酱猫(What Marmalade Cats)?
神奇蜘蛛侠2(The Amazing Spider-Man 2)——欧美最佳蜘蛛侠电影
希瑟(Heather)——欧美十大最佳柯南灰歌
faceu激萌怎么把瘦脸开到最大
二人梭哈
奥兹奥斯本(Ozzy Osbourne)——欧美十大高估歌手
什么是小脑前下动脉(Anterior Inferior Cerebellar Artery)?
我应该知道康涅狄格州的什么(What Should I Know About Connecticut)?
- 热评文章
- 最新评论
-
- 最近访客
-
- 站点信息
-
- 文章总数:261580
- 页面总数:9
- 分类总数:1
- 标签总数:0
- 评论总数:0
- 浏览总数:74382