Javascript 模式对话框在网站中打开默认值一次
我不想添加模态对话框作为如何使用网站的信息框。我已经编写了代码,它可以工作,但我的问题是,我的浏览器中有多个选项卡,而我的模式对话框是在默认选项卡中。当我更改选项卡并再次返回默认选项卡时,将再次显示模式对话框。我想在打开网站时只显示一次模态对话框Javascript 模式对话框在网站中打开默认值一次,javascript,css,html,twitter-bootstrap,Javascript,Css,Html,Twitter Bootstrap,我不想添加模态对话框作为如何使用网站的信息框。我已经编写了代码,它可以工作,但我的问题是,我的浏览器中有多个选项卡,而我的模式对话框是在默认选项卡中。当我更改选项卡并再次返回默认选项卡时,将再次显示模式对话框。我想在打开网站时只显示一次模态对话框 <body onload="mumbai();"> <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation"> &l
<body onload="mumbai();">
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#"><span><img style="height:20px;width:20px;"src="http://cdn.9appsdownloading.com/group1/M01/35/1C/poYBAFcpqU-AFa5CAAAMm35WLrc217.png"></span><h3 style="display:inline;color:white">Urban Growth of Indian Cities</h3></a>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav navbar-right">
<li><a href="#">Mumbai</a></li>
<li class="divider"></li>
<li><a href="master1.html">Delhi</a></li>
<li class="divider"></li>
<li><a href="Bengaluru.html">Bengaluru</a></li>
<li class="divider"></li>
<li><a href="Chennai.html">Chennai</a></li>
<li class="divider"></li>
<li><a href="Kolkata.html">Kolkata</a></li>
<li class="divider"></li>
<li><a href="Hyderabad.html">Hyderabad</a></li>
</ul>
</div>
</div>
</nav>
<div class="modal fade" id="memberModal">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<!--<h4 class="modal-title" id="memberModalLabel">Thank you for signing in!</h4>-->
</div>
<div class="modal-body">
<img src="images/Webmap_info_25_8_2017.png"></img>
</div>
<div class="modal-footer">
</div>
</div>
</div>
</div>
<script>
$(document).ready(function () {
$('#memberModal').modal('show');
});
</script>
&时代;
$(文档).ready(函数(){
$('memberModal').modal('show');
});
试试:
var=false;
$(文档).ready(函数(){
如果(访问==错误){
$('memberModal').modal('show');
访问=真实;
}
});
试试:
var=false;
$(文档).ready(函数(){
如果(访问==错误){
$('memberModal').modal('show');
访问=真实;
}
});
您可以使用来确定用户刚刚访问了您的第一个站点:
$(document).ready(function() {
var firstSite = sessionStorage['firstSite'];
if (!firstSite) { // or firstSite != "visited"
// some code here if the user is new to the site
$('#memberModal').modal('show');
sessionStorage['firstSite'] = "visited";
}
});
会话存储为每个给定来源维护一个单独的存储区域
这在页面会话期间可用(只要
浏览器处于打开状态,包括页面重新加载和恢复)
下面是一个示例来说明它是如何工作的。您可以使用它来确定用户刚刚访问了您的第一个站点:
$(document).ready(function() {
var firstSite = sessionStorage['firstSite'];
if (!firstSite) { // or firstSite != "visited"
// some code here if the user is new to the site
$('#memberModal').modal('show');
sessionStorage['firstSite'] = "visited";
}
});
会话存储为每个给定来源维护一个单独的存储区域
这在页面会话期间可用(只要
浏览器处于打开状态,包括页面重新加载和恢复)
这里有一个例子来说明它是如何工作的。终于解决了这个问题
$(document).ready(function() {
var yetVisited =sessionStorage['visited'];
if (!yetVisited) {
$("#Modal").modal("show").on("shown", function () {
window.setTimeout(function () {
$("#Modal").modal("hide");
}, 20000);
});
// open popup
sessionStorage['visited'] ="yes";
}
});
谢谢Patrick和Proeviz。终于解决了这个问题
$(document).ready(function() {
var yetVisited =sessionStorage['visited'];
if (!yetVisited) {
$("#Modal").modal("show").on("shown", function () {
window.setTimeout(function () {
$("#Modal").modal("hide");
}, 20000);
});
// open popup
sessionStorage['visited'] ="yes";
}
});
感谢Patrick和Proeviz。如果单击某个选项卡,您会重新加载站点吗?还是只更改内容?所有页面都是独立的,所有页面都相互链接。单击选项卡时,会打开新页面。如果单击选项卡,您会重新加载站点还是只更改内容?所有页面都是独立的,所有这些都是相互链接的。单击选项卡时,新页面将被打开。哦,抱歉,我是此开发及其第一个网站的新手。感谢您的建议。哦,抱歉,我是此开发及其第一个网站的新手。感谢您的建议。对于这些行,var firstSite=sessionStorage['firstSite'];给出错误:意外标识符。@SeemaBarate我已经添加了一个到JSFIDLE的链接,向您展示了它的工作原理。谢谢Patrick,昨天解决了错误,我发布了最终答案。既然您可以设置一个本地变量,为什么还要处理会话?@Proeviz,因为他重新加载了他的站点。对于这些行,var firstSite=sessionStorage['firstSite';给出错误:意外标识符。@SeemaBarate我已经添加了一个指向JSFIDLE的链接,向您展示了它的工作原理。谢谢Patrick,昨天解决了错误,我发布了最终答案。既然可以设置本地变量,为什么还要处理会话?@proeviz,因为他重新加载了他的站点。