用js+cookie记录滚动条位置_javascript技巧

<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> dd<p></p> dd<p></p> dd<p></p> dd<p></p> dd<p></p> dd<p></p> dd<p></p> dd<p></p> dd<p></p> dd<p></p> dd<p></p> dd<p></p> dd<p></p> dd<p></p> dd<p></p> dd<p></p> dd<p></p> dd<p></p> dd<p></p> dd<p></p> dd<p></p> dd<p></p> dd<p></p> dd<p></p> dd<p></p> dd<p></p> dd<p></p> dd<p></p> dd<p></p> dd<p></p> dd<p></p> dd<p></p> dd<p></p> dd<p></p> dd<p></p> dd<p></p> dd<p></p> dd<p></p> dd<p></p> dd<p></p> dd<p></p> dd<p></p> dd<p></p> dd<p></p> dd<p></p> dd<p></p> dd<p></p> dd<p></p> dd<p></p> dd<p></p> dd<p></p> dd<p></p> dd<p></p> dd<p></p> dd<p></p> dd<p></p> dd<p></p> dd<p></p> dd<p></p> dd<p></p> dd<p></p> dd<p></p> dd<p></p> dd<p></p> dd<p></p> dd<p></p> dd<p></p> dd<p></p> dd<p></p> dd<p></p> dd<p></p> dd<p></p> dd<p></p> dd<p></p> dd<p></p> dd<p></p> dd<p></p> dd<p></p> dd<p></p> dd<p></p> dd<p></p> dd<p></p> dd<p></p> dd<p></p> dd<p></p> dd<p></p> dd<p></p> dd<p></p> dd<p></p> dd<p></p> dd<p></p> dd<p></p> dd<p></p> dd<p></p> dd<p></p> dd<p></p> dd<p></p> dd<p></p> dd<p></p> dd<p></p> dd<p></p> dd<p></p> dd<p></p> dd<p></p> dd<p></p> dd<p></p> dd<p></p> dd<p></p> dd<p></p> dd<p></p> dd<p></p> dd<p></p>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

随便拖动到一个位置,然后关掉,再次打开就可以回到刚到刚才的地方 了