用js+cookie记录滚动条位置 时间:2020-05-11 人气:0 <!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需刷新才能执行]随便拖动到一个位置,然后关掉,再次打开就可以回到刚到刚才的地方 了 加载全部内容