我正在尝试编写一个基于 cookie 的菜单,其中包含三个选项(三个链接)。现在我希望当用户访问网站时,他们必须选择三个选项之一。用户的选择可以存储在 cookie 中,这样下次当他到达同一站点时,他不必再次进行选择,并且必须自动将他引导到他之前的选择。
这是我的代码
</style>
<!-- style Develpor page ends here-->
<script src="jqery1.8.js"></script>
<script type="text/javascript">
var val;
$(document).ready(function (e) {
$('.nav a').click(function (event) {
event.preventDefault();
val = $(this).index();
if (val == 0) {
$('#hide_main').hide();
$('.main_BSNS').animate({
opacity: "show",
height: "400px"
}, 'slow')
} //if val==0 ends here
else if (val == 1) {
$('#hide_main').hide();
$('.main_ACTNT').animate({
opacity: "show",
height: "400px"
}, 'slow')
} else if (val == 2) {
$('#hide_main').hide();
$('.main_devp').animate({
opacity: "show",
height: "400px"
}, 'slow')
}
});
});
<!--cookies starts here-->
function getCookie(c_name) {
var i, x, y, ARRcookies = document.cookie.split(";");
for (i = 0; i < ARRcookies.length; i++) {
x = ARRcookies[i].substr(0, ARRcookies[i].indexOf("="));
y = ARRcookies[i].substr(ARRcookies[i].indexOf("=") + 1);
x = x.replace(/^\s+|\s+$/g, "");
if (x == c_name) {
return unescape(y);
}
}
}
function setCookie(c_name, value, exdays) {
var exdate = new Date();
exdate.setDate(exdate.getDate() + exdays);
var c_value = escape(value) + ((exdays == null) ? "" : "; expires=" + exdate.toUTCString());
document.cookie = c_name + "=" + c_value;
}
function checkCookie() {
var username = getCookie("BSNS");
if (username != null && username != "") {
$('#hide_main').hide();
$('.main_BSNS').animate({
opacity: "show",
height: "400px"
}, 'slow')
} else {
username=val;
alert(val);
if (username != null && username != "") {
setCookie("BSNS", username, 365);
$('#hide_main').hide();
$('.main_BSNS').animate({
opacity: "show",
height: "400px"
}, 'slow')
}
}
}
<!--cookies ends here-->
</script>
现在函数checkCookie()
由 body 调用,onload="checkCookie()"
并且警报返回值,val
因为undefined
我知道这是因为checkCookie()
之前正在加载document.write
但我不知道如何克服这个困难。