javascript - jquery代码去上一个html页面？

Question

首先我创建这样的数组

var files = ['index2.html', 'index.html','index3.html','index4.html'];

然后在后退按钮上单击我想逐个返回html页面。但问题是我在其中有pagecounter链接到我在div中加载的html页面（在数组中描述）。然后单击后退按钮我还想更新页码。供参考，我正在上传图片。 函数 backbtn() {

        $("#txtPageNo").val() = i;
        //alert(y+'');
        alert('back files');
        var files = ['index2.html', 'index.html','index3.html','index4.html'];
        alert('array')

        while(i>=1 && i<=5)
        {
        alert(i+'')
        var file = files[i];

        $('#tabpage_1').load(file + '');

        document.getElementById('txtPageNo').value = i-1; 
        i--;
        break;

        }

这是我写的 jquery 代码，但它没有像我想要的那样工作。

Answer 1

尝试：

javascript.history.go(-1);

或者：

window.history.back();

Answer 2

您可以使用window.history.back()

或者，如果您希望它完全适合您的情况，尽管 history.back 更好。

var current=window.history.pathname.replace("index", "").replace(".html", "");
window.location = "index" + --current + ".html";

正如我上面所说，使用 window.history 是一种更好的方法。

希望能帮助到你

Answer 3

以下是我用于下一步和后退按钮的代码。

带有更新页面计数器的下一个按钮。

function nextbtn() {

        alert(txtPageNo.value+'');  
        //alert(i+'')
        alert('load files');

        var files = ['index2.html', 'index1.html','index3.html','index4.html'];
        while(txtPageNo.value<numItems )
            {
//              alert(i+'')
                alert(txtPageNo.value+'')
                var file = files[txtPageNo.value];

                $('#tabpage_1').load(file + '');
                document.getElementById('txtPageNo').value = txtPageNo.value++  ; 
                txtPageNo.value++;
                break;

            }


        }

带有更新页面计数器的后退按钮

function backbtn() {

        var a1 = $("#txtPageNo").val();
        alert(a1);
        alert('back files');
        var files = ['index2.html', 'index1.html','index3.html','index4.html'];
        alert('array')

        while(a1>=1 && a1<=numItems)
        {


        document.getElementById('txtPageNo').value = a1-1; 
        a1 = a1 -2;
        alert(a1+'')
        var file = files[a1];

        $('#tabpage_1').load(file + '');
        break;

        }
        }