记录滚动条位置（使用userdate）


答案：<!--  
Created by 宝玉 , 2004-2-21 
[url]http://www.webuc.net[/url] 
[url]http://www.nwpubbs.net[/url] 
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>

  [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
上一个：Prototype使用指南之enumerable.js
下一个：JavaScript快速排序
更多图片编程知识: