用js+cookie记录滚动条位置


答案：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
<HTML> 
<HEAD> 
<META NAME="Author" CONTENT="宝玉（[url]http://www.nwpubbs.net[/url] [url]http://www.webuc.net[/url]）"> 
<TITLE> 记录滚动条位置 </TITLE> 

<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> 
</HEAD> 

<BODY> 
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> 
</BODY> 
</HTML>

  [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

随便拖动到一个位置,然后关掉,再次打开就可以回到刚到刚才的地方 了
上一个：Prototype使用指南之base.js
下一个：注意 JavaScript 中 RegExp 对象的 test 方法
更多图片编程知识: