用js+cookie记录滚动条位置 | 学步园

返回顶部
查看留言
转到底部

现在的位置: 首页 > 综合 > 正文

用js+cookie记录滚动条位置

2013年06月25日 ⁄ 综合 ⁄ 共 231字 ⁄ 字号小中大 ⁄ 评论关闭

<meta name="Author" content="宝玉（[url]http://www.nwpubbs.net[/url] [url]http://www.webuc.net[/url]）"><script language="javascript"> 
    <!-- 
    function SetCookie(sName, sValue) 
    { 
        date = new Date(); 
        s = date.getDate(); 
        date.setDate(s+1);            //expire time is one month late!, and can't be current date! 
        document.cookie = sName + "=" + escape(sValue) + "; expires=" + date.toGMTString(); 
    } 
    function GetCookie(sName) 
    { 
        // cookies are separated by semicolons 
        var aCookie = document.cookie.split("; "); 
        for (var i=0; i < aCookie.length; i++) 
        { 
        // a name/value pair (a crumb) is separated by an equal sign 
        var aCrumb = aCookie[i].split("="); 
        if (sName == aCrumb[0]) { 
            return unescape(aCrumb[1]);} 
        } 
         
        // a cookie with the requested name does not exist 
        return null; 
    }

function fnLoad() 
    { 
        document.body.scrollLeft = GetCookie("scrollLeft"); 
        document.body.scrollTop = GetCookie("scrollTop"); 
    }

function fnUnload() 
    { 
        SetCookie("scrollLeft", document.body.scrollLeft) 
        SetCookie("scrollTop", document.body.scrollTop) 
    }

window.onload = fnLoad; 
    window.onunload = fnUnload;

// --> 
</script><br />
dd
</p>
<p>dd
</p>
<p>dd
</p>
<p>dd
</p>
<p>dd
</p>
<p>dd
</p>
<p>dd
</p>
<p>dd
</p>
<p>dd
</p>
<p>dd
</p>
<p>dd
</p>
<p>dd
</p>
<p>dd
</p>
<p>dd
</p>
<p>dd
</p>
<p>dd
</p>
<p>dd
</p>
<p>dd
</p>
<p>dd
</p>
<p>dd
</p>
<p>dd
</p>
<p>dd
</p>
<p>dd
</p>
<p>dd
</p>
<p>dd
</p>
<p>dd
</p>
<p>dd
</p>
<p>dd
</p>
<p>dd
</p>
<p>dd
</p>
<p>dd
</p>
<p>dd
</p>
<p>dd
</p>
<p>dd
</p>
<p>dd
</p>
<p>dd
</p>
<p>dd
</p>
<p>dd
</p>
<p>dd
</p>
<p>dd
</p>
<p>dd
</p>
<p>dd
</p>
<p>dd
</p>
<p>dd
</p>
<p>dd
</p>
<p>dd
</p>
<p>dd
</p>
<p>dd
</p>
<p>dd
</p>
<p>dd
</p>
<p>dd
</p>
<p>dd
</p>
<p>dd
</p>
<p>dd
</p>
<p>dd
</p>
<p>dd
</p>
<p>dd
</p>
<p>dd
</p>
<p>dd
</p>
<p>dd
</p>
<p>dd
</p>
<p>dd
</p>
<p>dd
</p>
<p>dd
</p>
<p>dd
</p>
<p>dd
</p>
<p>dd
</p>
<p>dd
</p>
<p>dd
</p>
<p>dd
</p>
<p>dd
</p>
<p>dd
</p>
<p>dd
</p>
<p>dd
</p>
<p>dd
</p>
<p>dd
</p>
<p>dd
</p>
<p>dd
</p>
<p>dd
</p>
<p>dd
</p>
<p>dd
</p>
<p>dd
</p>
<p>dd
</p>
<p>dd
</p>
<p>dd
</p>
<p>dd
</p>
<p>dd
</p>
<p>dd
</p>
<p>dd
</p>
<p>dd
</p>
<p>dd
</p>
<p>dd
</p>
<p>dd
</p>
<p>dd
</p>
<p>dd
</p>
<p>dd
</p>
<p>dd
</p>
<p>dd
</p>
<p>dd
</p>
<p>dd
</p>
<p>dd
</p>
<p>dd
</p>
<p>dd
</p>
<p>dd
</p>
<p>dd
</p>
<p>dd
</p>
<p>dd
</p>
<p>dd
</p>
<p>dd
</p>
<p>dd
</p>
<p>dd
</p>
<p>dd
</p>
<p>

返回

【上篇】js之自定义封装ajax类
【下篇】大型软件开发与ORM构架

作者: pail

该日志由 pail 于11年前发表在综合分类下，最后更新于 2013年06月25日.
转载请注明: 用js+cookie记录滚动条位置 | 学步园 +复制链接

抱歉!评论已关闭.

返回首页

Copyright © 2013-2018 学步园保留所有权利.
软文销售 QQ客服：2265327166

点击这里给我发消息

（其他合作也可洽谈）