JavaScript记录滚动条位置 实例 (cookie) 转自51js

来源:互联网 发布:义乌市盛灿网络 编辑:程序博客网 时间:2024/06/05 07:05

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<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>