Question

我正在尝试设置Cookie，然后使用结果来设置页面样式。这适用于Chrome，但不适用于Firefox或IE：

设置Cookie页面：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="/site/javascript/jquery.cookie.js"></script>


<script type="text/javascript">
$.cookie('newCookie', 'set11');
</script>

使用Cookie页面：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="/site/javascript/jquery.cookie.js"></script>
<script type="text/javascript">

function setHomePage() {
if ($.cookie('newCookie') === 'set11')
{
$('#asas').css('width', '500px');
}
}
</script>

然后...

<body class="threeCol" onload="setHomePage()"

 <div id="asas"></div>

正在设置Cookie，这已在Firefox和Chrome中得到确认。新样式已添加到Chrome中，但未添加到Firefox

中

控制台中没有js错误，但是当我尝试在Firefox中手动运行该功能时，它表明它未定义。

ReferenceError: setHomepage is not defined

有什么想法吗？

更新添加了一个警报，以查看是否有任何失败：

<script type="text/javascript">
alert ("page111");
function setHomePage() {
if ($.cookie('newCookie') === "set11")
{
$('#asas').css('width', '500px');
alert ("page");
}
alert ("page1");
}
</script>

提醒（＆＃34;第＆＃34;页）;无法指示if语句的问题。如果我查看Firefox中的cookie，它设置正确。格式存在问题/差异吗？

提醒（＆＃34;第＆＃34;页）;适用于Chrome。

如果我回显cookie值： var test = $ .cookie（＆＃39; newCookie＆＃39;）; 警报（测试）;

Chrome显示正确的值，IE和Firefox显示未定义。

Answer 1

这符合您的要求

<!DOCTYPE html>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.js"></script>
    <script type="text/javascript">

        function setHomePage() {
            if ($.cookie('newCookie') === 'set11')
            {
                $('#asas').css({'border': '1px solid red', 'width':'200px' , 'height' : '200px'});
            }
        }

        $.cookie('newCookie', 'set11');
    </script>

</head>
<body class="threeCol" onload="setHomePage()">
<div id="asas"></div>
</body>
</html>

Answer 2

尝试简单的基本Javascript Cookie功能

//get and set cookie functions
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;
}

希望这会有所帮助。

Jquery cookie无法在Firefox和IE中运行

2 个答案: