若何操纵js设置div弹窗一天内只弹出一次?js若是实现弹窗一天只弹一次?下面,小编就来给大师介绍一下实现方式!
要实现弹窗一天只弹一次,需要依靠cookie来实现。而利用原生javascript操作cookie,代码会稍显复杂,所以这里借助jquery来实现。起首下载jquery.js和jquery.cookie.js两个文件(也可以直接引用其它网站上的这两个文件)。
然后新建一个网页用于演示。网页中有一个<div>层,层中有一个<span>块,块中内容为字母“X”,用做弹出窗口的封闭按钮。并将第一步中下载的两个jquery文件引入。
再为div标签添加一个css样式pop_windows,并在<head>标签中插手相关样式的界说,实现div层初始时不成见。可见状况下div层的CSS结果如下:
再在<body>标签中,插手javascript剧本引入标签<script></script>。
在<script>标签对中,插手span标签的点击事务:点击封闭(埋没)父对象,并写cookie,此中$.cookie("isClose",'yes',{expires:1}) 暗示在cookie中写入一对键值(键为isClose,值为yes),键值的有用期为1天,即第二天这个键值掉效。
再在<script>标签对中,插手cookie键值的判定前提,若是存在键为isClose,值为yes的cookie,则不弹出div层,不然弹出div层。
保留后,在浏览器中运行结果如下图,天天只弹出一次div层。大师可以按照需要,增添弹出层的弹出结果或让弹出层加倍美不雅。
0 篇文章
如果觉得我的文章对您有用,请随意打赏。你的支持将鼓励我继续创作!