Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何仅在首次访问时弹出模式窗口_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 如何仅在首次访问时弹出模式窗口

Javascript 如何仅在首次访问时弹出模式窗口,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有一个模式窗口,当你访问某个页面时会弹出。访客必须选择我同意还是我不同意。我需要一个很好的jquery脚本,它可以记住之前谁访问过该页面,并同意这样,模式就不会在每次访问该页面时弹出 有人能推荐一个好的脚本使用吗?代码如下: <!-- Modal --> <div class="modal" id="modal-one" aria-hidden="true"> <div class="modal-dialog"> <div cl

我有一个模式窗口,当你访问某个页面时会弹出。访客必须选择我同意还是我不同意。我需要一个很好的jquery脚本,它可以记住之前谁访问过该页面,并同意这样,模式就不会在每次访问该页面时弹出

有人能推荐一个好的脚本使用吗?代码如下:

<!-- Modal -->
<div class="modal" id="modal-one" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-header">
         <p style="text-align:center">
Lorem ipsum dolor sit amet <br />
tollit insolens abhorreant no sed<br />
<strong>Et alia cetero</strong>
</p>

<h3>IMPORTANT</h3>
<p>
Lorem ipsum dolor sit amet, idque persecuti elaboraret pro at. Qui dicat 
dicit nostrud ex, vix id debet detraxit. Eam nostrud probatus dissentias 
ne, ollit insolens abhorreant no sed. Ius cibo denique ea. Et alia cetero 
efficiantur mel, vix facer sententiae no.
</p>

<p>
Lorem ipsum dolor sit amet, idque persecuti elaboraret pro at. Qui dicat 
dicit nostrud ex, vix id debet detraxit:
</p>

<p>
Lorem ipsum dolor sit amet, idque persecuti elaboraret pro at. Qui dicat 
dicit nostrud ex, vix id debet detraxit. Eam nostrud probatus dissentias ne, 
tollit insolens abhorreant no sed. Ius cibo denique ea. Et alia cetero 
efficiantur mel, vix facer sententiae no.
</p>

<p>

</p>


    </div>
    <div class="modal-body">
        <p>

</p>
    </div>
    <div class="modal-footer"> 
    <a href="#modal-one" class="btn1">Agree</a>
    <a href="#modal-one" class="btn1">Disagree</a>


    </div>
</div>
</div>
<div class="wrap"></div>

Lorem ipsum dolor sit amet
tollit鞋垫令人憎恶的无鞋垫
等等

重要的 Lorem ipsum dolor sit amet,idque迫害elaboraret pro at。打趣 这是一个非常好的例子。不同意遗嘱 不,奥利特暴光了,可憎的不暴光。我是cibo denique ea。塞特罗等 efficiantur mel,vix facer判决编号。

Lorem ipsum dolor sit amet,idque迫害elaboraret pro at。打趣 dicit nostrud ex,vix id debet detraxit:

Lorem ipsum dolor sit amet,idque迫害elaboraret pro at。打趣 这是一个非常好的例子。埃姆·诺斯特鲁德·普罗塔斯, 托利特的鞋垫令人憎恶。我是cibo denique ea。塞特罗等 efficiantur mel,vix facer判决编号。


提前感谢您的帮助。

第一次访问时,请在用户浏览器的
本地存储中安装一个
cookie
或一个值,每次访问时检查该
cookie
本地存储
值是否存在,然后不再显示模式/弹出窗口

本地存储,例如:

localStorage.setItem(key, value);  // set
localStorage.getItem(key);         // get

第一次访问时,在用户浏览器的
cookie
local storage
中植入一个值,每次访问时检查
cookie
local storage
值是否存在,然后不再显示模式/弹出窗口

本地存储,例如:

localStorage.setItem(key, value);  // set
localStorage.getItem(key);         // get

您可以通过以下方式将项目设置到本地存储:

localStorage.setItem(key, value);
阅读也很容易:

localStorage.getItem(key);

现在为您grep一个关键字“first time Visite”(首次访问),然后只需询问本地存储:)请记住,用户可以清除其本地存储。

您可以通过以下方式将项目设置到本地存储中:

localStorage.setItem(key, value);
阅读也很容易:

localStorage.getItem(key);

现在,grep为您输入一个关键字“首次访问”,然后只需询问本地存储:)记住,用户可以清除其本地存储。

当他们同意或不同意时,您需要设置cookie,然后,在决定是否显示modalor use localStoragewhere is your try code时,请阅读该cookie?当他们同意或不同意时,您可能希望设置cookie的副本,然后,在决定是否显示modalor use localStoragewhere is your try code(使用本地存储)时,请阅读该cookie?可能重复的只是一个注释-我更喜欢100%使用本地存储而不是cookies-更易于使用,并且cookie易受攻击(也就是说不确定本地存储的安全性)需要注意的是,与Cookie相比,我更喜欢100%使用localStorage,而且Cookie更易于使用,而且易受攻击(也就是说,我不确定本地存储的安全性)