PHP基础 PHP教程 php框架 JavaScript

asp.net AJAX 正则表达式 ASP

输入 banner图图片脚本导航/分类

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

<!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需刷新才能执行]