Javascript 如何创建一个提醒对话框,要求用户使用js订阅我的站点?
当有人在我的网站上时,我希望我的网站显示提醒或确认提示,要求用户订阅我的邮件列表。我希望短时间内显示消息,但不是立即显示,让“确定”选项将用户引导到“订阅”页面,2个其他选项(我已订阅,请退出) 当他们取消该选项时,我希望我的站点在他们的计算机上保留cookie 7天。当cookie处于活动状态时,不会显示提示。如果用户点击(我已经订阅了),我希望cookie永远持续 订阅页面是否可以保留一个未过期的cookie来禁用订阅提示?如果Cookie仅与从中发送的url一起使用,则我可以选择“我已订阅” 下面是我要解决的问题的流程图Javascript 如何创建一个提醒对话框,要求用户使用js订阅我的站点?,javascript,cookies,Javascript,Cookies,当有人在我的网站上时,我希望我的网站显示提醒或确认提示,要求用户订阅我的邮件列表。我希望短时间内显示消息,但不是立即显示,让“确定”选项将用户引导到“订阅”页面,2个其他选项(我已订阅,请退出) 当他们取消该选项时,我希望我的站点在他们的计算机上保留cookie 7天。当cookie处于活动状态时,不会显示提示。如果用户点击(我已经订阅了),我希望cookie永远持续 订阅页面是否可以保留一个未过期的cookie来禁用订阅提示?如果Cookie仅与从中发送的url一起使用,则我可以选择“我已订阅
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.3/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" />
<script type="text/javascript">
$(function () {
setTimeout(function () {
$('#subscribeModal').modal('show');
}, 5000);
$("#btnRegister").click(function () {
var email = $("#txtEmailAddress").val();
alert("Handle the subscription logic for - " + email);
});
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div id="subscribeModal" class="modal fade" aria-labelledby="myModalLabel">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title" id="myModalLabel">Subscribe To My Site</h4>
</div>
<div class="modal-body">
Your email address
<input type="email" id="txtEmailAddress">
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary" id="btnRegister">Subscribe</button>
</div>
</div>
</div>
</div>
</form>
</body>
</html>
$(函数(){
setTimeout(函数(){
$('#subscribeModel').model('show');
}, 5000);
$(“#btnRegister”)。单击(函数(){
var email=$(“#txtEmailAddress”).val();
警报(“处理-”+电子邮件的订阅逻辑);
});
});
&时代;
订阅我的网站
你的电子邮件地址
接近
订阅
是的,您可以将cookie设置为“永远”,但您不能有3个选项,只有2个选项用于确认。您可以使用
提示符
,指示用户键入所需的选项。或者,您可以使用HTML+CSS+JS自定义对话框,自己创建,或者使用类似的库或类似的库。请提供带有一些逻辑的代码。您的问题太广泛了,关于特定编程问题的问题也是如此。你面临的问题是什么?