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

写了个WEB中记录滚动条位置的脚本

2007-04-06 11:49 239 查看
  Web中难免遇到一些难解决的问题,有些客户就有些变态的要求,刷新后页面继续保持在原来的位置就是一个不好解决的问题.

  利用js的cookie写了个脚本,基本上能实现刷新后位置保留

 脚本代码如下:

     将此脚本插入到网页中即可,网页尽量长,刷新后即可看到效果!


<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("=");




        
ae17
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>

 
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
相关文章推荐