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

2021/7/2 17:25:20

编程Tag： javascript history url window length 历史记录 -- forward

本文主要是介绍--JavaScript-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-History:历史记录对象的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！

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

相关编程文章