您的位置：首页 > Web前端 > JavaScript

记录滚动条位置

2007-03-28 17:04 225 查看
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<META NAME="Author" CONTENT="宝玉（http://www.nwpubbs.net http://www.webuc.net）">
<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> 

 

 

2

 

<!--
Created by 宝玉 , 2004-2-21
http://www.webuc.net
http://www.nwpubbs.net
Description: 记录页面上次的滚动条位置
-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> 记录滚动条位置 </TITLE>

<script language="javascript">
    <!--
 //  获取当前文件名
 function getFileName()
 {
  var url = this.location.href
  var pos = url.lastIndexOf("/");
  if(pos == -1)
   pos = url.lastIndexOf("//")
  var filename = url.substr(pos +1)
  return filename;
 }

 function fnLoad()
 {
  with(window.document.body)
  {
   addBehavior ("#default#userData"); // 使得body元素可以支持userdate
   load("scrollState" + getFileName()); // 获取以前保存在userdate中的状态
   scrollLeft = getAttribute("scrollLeft"); // 滚动条左位置
   scrollTop = getAttribute("scrollTop");
  }
 }

 function fnUnload()
 {
  with(window.document.body)
  {
   setAttribute("scrollLeft",scrollLeft);
   setAttribute("scrollTop",scrollTop);
   save("scrollState" + getFileName()); 
   // 防止受其他文件的userdate数据影响，所以将文件名加上了
   // userdate里的数据是不能跨目录访问的
  }
 }
 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>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  function html javascript url date cookies
相关文章推荐
新的分享
章节导航