个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
我正在尝试为我的网站实现 cookie，我只是想将用户重定向到启动页面并在那里有一个“记住我”复选框，一旦他们选中并按下回车键，他们将不会再看到该页面.所以使用 COOKIE Plugin我可以为用户设置一个 cookie 并将他们重定向到该页面，但我无法实现如何检测记住我框..
$(function() {
var COOKIE_NAME = 'splash-page-cookie';
$go = $.cookie(COOKIE_NAME);
if ($go == null) {
$.cookie(COOKIE_NAME, 'test', { path: '/', expires: 6 });
window.location = "/splash.php"
}
else {
}
});
有人做过吗？或者任何人有任何类似的想法来实现这个？
如有任何帮助，我们将不胜感激。
最佳答案
解决方案 #1(带警告框):我想到了这个，但没有 COOKIE 插件。希望你能从中得到一些用处。主要是纯 JS 和一些 JQuery 来使它更有趣。
这是 DEMO .
代码如下:
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Untitled Document</title>
<!-- JQuery -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script>
$(document).ready(function(e) {
$('#remember').click(function() {
if (this.checked) {
$('#x').text("You're the Best!");
setCookie();
} else {
$('#x').text("Come on, You know you want to!");
}
});
});
function setCookie() {
user = prompt("Please enter your name:","");
if (user != "" && user != null) {
addCookie("username", user, 30);
}
}
function addCookie(cname,cvalue,exdays) {
var d = new Date();
d.setTime(d.getTime() + (exdays*24*60*60*1000));
var expires = "expires=" + d.toGMTString();
document.cookie = cname+"="+cvalue+"; "+expires;
//window.location.href = "https://www.google.com"; // redirect after the prompt
}
function getCookie(cname) {
var name = cname + "=";
var ca = document.cookie.split(';');
for(var i=0; i<ca.length; i++) {
var c = ca[i];
while (c.charAt(0)==' ') c = c.substring(1);
if (c.indexOf(name) != -1) {
return c.substring(name.length, c.length);
}
}
return "";
}
function checkCookie() {
var user=getCookie("username");
if (user != "") {
alert("Welcome again " + user);
window.location.href = "https://www.google.com";
}
}
function goTo() {
window.location.href = "https://www.google.com";
}
</script>
</head>
<body onLoad="checkCookie();">
<h1>Splash Page</h1>
<form>
<input type="checkbox" id="remember"> Remember me
<br>
<input type="button" value="Enter" onClick="goTo();">
</form>
<p><div id='x'></div></p>
</body>
</html>
解决方案 #2(无警告框):我应要求提出了第二个简化的解决方案，它与移动设备(Chrome 等)更兼容。希望你能从中得到一些用处。主要是纯 JS 和一些 JQuery 来使它更有趣。
这是 DEMO .
代码如下:
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Untitled Document</title>
<!-- JQuery -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script>
$(document).ready(function(e) {
$('#remember').click(function() {
if (this.checked) {
$('#x').text("You're the Best!!!");
addCookie(30);
} else {
$('#x').text("Come on, You know you want to!");
deleteAllCookies();
}
});
});
function deleteAllCookies() {
var cookies = document.cookie.split(";");
for (var i = 0; i < cookies.length; i++) {
var cookie = cookies[i];
var eqPos = cookie.indexOf("=");
var name = eqPos > -1 ? cookie.substr(0, eqPos) : cookie;
document.cookie = name + "=;expires=Thu, 01 Jan 1970 00:00:00 GMT";
}
}
function addCookie(exdays) {
var d = new Date();
d.setTime(d.getTime() + (exdays*24*60*60*1000));
var expires = "expires=" + d.toGMTString();
document.cookie = expires;
}
function checkCookie() {
if (document.cookie == false) {
//alert("Welcome New User");
} else if (document.cookie.indexOf("expires") >= 0) {
//alert("Welcome Back");
window.location.href = "https://www.google.com";
}
}
function goTo() {
window.location.href = "https://www.google.com";
}
</script>
</head>
<body onLoad="checkCookie();">
<h1>Splash Page</h1>
<form>
<input type="checkbox" id="remember"> Remember me
<br>
<input type="button" value="Enter" onClick="goTo();">
</form>
<p><div id='x'></div></p>
</body>
</html>
关于javascript - 不再显示此页面(JQUERY cookie)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/25627264/
25
4
0
我最近更新了 ADT 插件，我的整个 Eclipse-Android 构建系统都停止工作了。从那以后，我尝试了我在互联网上可以找到的所有关于如何解决这个问题的方法。徒然。如果有人有确定的方法来解决此问
我已经知道有类似的话题，但对我来说没有任何帮助...... 这里是信息: 该应用程序始终在模拟器和设备上运行。我最近将该项目重命名为另一个名称。仍然工作得很好。今天我意识到它没有更改文件夹名称，然后它
在装有El Capitan的MacMini上，我无法再进行冲泡了。我收到以下错误: /usr/local/Library/Homebrew/config.rb:34:in `initialize':
是的，所以我不知道发生了什么。我一直在编写一个 AJAX 评论脚本，并且它可以工作，但它不再工作了。我从备份中恢复了它，以防万一我改变了任何东西，但没有运气。它转到表单的“操作”而不是 jQuery，
请原谅我的无能...我正在尝试在全局 var 阶段不再未定义后使用 Proxy 执行一些代码。这是我天真的尝试: ``` var stage = undefined let myObj; let st
我对 segues 了解不多，但我已经开始工作了..但突然间它不再工作了...... 我的代码似乎可以工作，但没有发生 segue: NSLog(@"login started"); if ([use
我已将以下重写规则添加到我的 web.config 中。它运行良好，阻止了所有提及的推荐垃圾邮件站点。然而，今天我突然注意到 social-buttons.com 突然出现在我的 Google Ana
在 C++ 中，可以在翻译单元中使用 static 关键字来影响符号(变量或函数声明)的可见性。 在 n3092 中，这已被弃用: Annex D.2 [depr.static] The use of
升级到 com.crashlytics.sdk.android:crashlytics:2.7.1@aar 后(从 2.6.8 开始)，我无法再在 Firebase 应用中禁用 Crashlytics
您好，我遇到了一些障碍，我一直在为我的应用程序重新设计菜单导航。我设法做到了。但现在我的应用程序的一项功能已决定停止运行。 想法是你摇动你的手机，它会随机选择一张图片，与应用程序分开的代码工作正常，就
我有一行(容器)包含三个元素，我想水平显示它们之间的间距相等(并且行的左侧或右侧没有空格)。我正在使用带有 justify-content:space-between 的 flexbox。 这是在 F
直到最近，我才能够在 Windows 上使用 python 3.6.7 时安装 tensorflow 1.5.0 包。现在我不能，从下面的“来自版本”的消息来看，似乎根本没有可用的 tensorflo
不确定是否与最近的更新有关，但我突然无法在 Android Studio 编辑器中获得单行间距。如果我尝试将它更改为 1，它让我设置它，但当我按下“应用”时，它会迅速恢复为 1.5。用不同的字体试过，
我遵循了有关如何在 macOS 上安装 pip 的在线说明(例如 this、this 和 this)。 我看起来很简单，但它不适合我。 我的 python --version 是 2.7.10。 当我
Due to rounding errors, most floating-point numbers end up being slightly imprecise. https://www.flo
我试图让用户从他们在 Android 上的库中选择一张图片。但是当我使用 PictureChooser 插件时，它似乎不再起作用了 我看到这段代码可以工作，但现在不行了，我也不知道为什么。
自 .NET 4.5 起，Exception.HResult 的 setter/getter 现在是 public，但它曾经是 protected。 来自 MSDN: Starting with th
今天去处理一个较旧的 Python2.7 AppEngine 标准项目，但我似乎无法让端点工作。我下载了示例代码，看看我的项目是否是罪魁祸首，但该示例也不起作用。 https://cloud.goog
我是一名优秀的程序员,十分优秀！