【实例代码】HTMLHEADTITLE 记录滚动条位置/titlescript language=javascriptfunction SetCookie(sName, sValue){date = new Date();s = date。getDate();date。
setDate(s+1);//设置cookie的有效期document。cookie = sName + = + escape(sValue) + ; expires= + date。toGMTString();//创建cookie}function GetCookie(sName){var aCookie = document。
cookie。split(; ); //将cookie中的数据切割成数组,方便遍历for (var i=0; i aCookie。length; i++) //遍历cookie中的数据{var aCrumb = aCookie[i]。split(=); //将键和值分开if (sName == aCrumb[0]) { //判断是否是指定的键return unescape(aCrumb[1]);} //返回键对应的值}return null;}function winLoad(){document。
body。scrollLeft = GetCookie(scrollLeft);//获取水平滚动条位置document。body。scrollTop = GetCookie(scrollTop); //获取垂直滚动条位置}function winUnload(){SetCookie(scrollLeft, document。
body。scrollLeft) //保存水平滚动条位置SetCookie(scrollTop, document。body。scrollTop) //保存垂直滚动条位置}window。onload = winLoad; //加载页面时自动执行获取cookie保存值的方法window。
onunload = winUnload; //关闭页面时自动执行保存cookie的方法/script/HEADBODY测试行,主要为了出线滚动条p/p测试行,主要为了出线滚动条p/p测试行,主要为了出线滚动条p/p测试行,主要为了出线滚动条p/p测试行,主要为了出线滚动条p/p测试行,主要为了出线滚动条p/p测试行,主要为了出线滚动条p/p测试行,主要为了出线滚动条p/p测试行,主要为了出线滚动条p/p测试行,主要为了出线滚动条p/p/BODY/HTML
【难点剖析】本例的重点是如何保存滚动条的位置。
页面中的滚动条分为水平滚动条和垂直滚动条。水平滚动条的位置使用“document.body.scrollLeft”获取,垂直滚动条的位置使用“document.body.scrollTop”获取。保存滚动条位置使用的是Cookie,关于Cookie的操作可参考代码中的“SetCookie”和“GetCookie”方法。
全部