ICode9

精准搜索请尝试: 精确搜索
首页 > 编程语言> 文章详细

--JavaScript-History:历史记录对象

2021-07-02 15:57:57  阅读:134  来源: 互联网

标签:历史记录 -- JavaScript window URL length forward History history


History:历史记录对象
    1、创建(不用创建,通过window直接获取):
        1、window.history
        2、history(window可以省略)
    2、方法:
        *back():加载history列表中的前一个URL(相当于后退)
        *forward():加载history列表中的下一个URL(相当于前进)
        *go(参数):加载history列表中的某个具体页面(相当于集合了back和forward)
            *参数:
                正数:前进几个历史记录
                负数:后退几个历史记录
    3、属性:
        *length:返回当前窗口历史列表中的URL数量

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--History:历史记录对象
    1、创建(不用创建,通过window直接获取):
        1、window.history
        2、history(window可以省略)
    2、方法:
        *back():加载history列表中的前一个URL(相当于后退)
        *forward():加载history列表中的下一个URL(相当于前进)
        *go(参数):加载history列表中的某个具体页面(相当于集合了back和forward)
            *参数:
                正数:前进几个历史记录
                负数:后退几个历史记录
    3、属性:
        *length:返回当前窗口历史列表中的URL数量-->
<input id="hid" type="button" value="URL数量">
<a href="JavaScriptDOMTest5.html" id="sid">05页面</a>
<input id="fid" type="button" value="前进">
<script>
    var hid = document.getElementById("hid");
    hid.onclick=function () {
        var length = history.length;
        alert(length);
    }


    var fid = document.getElementById("fid");
    fid.onclick=function () {
        /*history.forward();*/
        history.go(1);//和history.forward()一样
    }
</script>
</body>
</html>

标签:历史记录,--,JavaScript,window,URL,length,forward,History,history
来源: https://blog.csdn.net/weixin_44320200/article/details/118417248

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有