Rumah > hujung hadapan web > tutorial js > js中的window.history的用法(二)

js中的window.history的用法(二)

零下一度
Lepaskan: 2017-05-18 10:47:29
asal
2107 orang telah melayarinya

Window.history保存用户在一个会话期间的网站访问记录,用户每次访问一个新的URL即创建一个新的历史记录。

history.go()、history.back()、history.forward()history.back()和history.forward()分别表示向后一页和向前一页。history.go(num)表示向前或向后翻多少页,num为正数表示向前翻,为负数则向后翻。

windows窗口对象(历史)history.go(),history.back(),history.forward()。

   因为windows对象引用不是必须的。所以windows.history.go() == history.go()的。

   go()方法只有一个参数,可以是整数、负数。如果是正数,就前进。负数就是后退。(相当于Forward和Back的区别)

   因此,后退一页,可用下面的代码:(后退多页,只需改变go的参数)

   window.history.go(-1);
Salin selepas log masuk

要前进一页,只需要使用正数;

   history.go(1);
Salin selepas log masuk

另外,用back()和forward()方法可以实现同样的操作:

      history.back();   后退
      history.forward(); 前进
Salin selepas log masuk

还可以用length属性查看历史中的页面数:

   history.length;
Salin selepas log masuk

2.history.go(-1)和history.back()的区别

history.go(-1)表示后退与刷新。如数据有改变也随之改变
   history.back()只是单纯的返回到上一页。
Salin selepas log masuk

例:

Html代码

<p class="oper_context_view">  
          <a id="btn_exit" class="btn" href="javascript:void(0);">返回</a>  
 </p>
Salin selepas log masuk

Js代码

$("#btn_exit").bind("click",function(){  
              window.location.reload();    //刷新  
              window.history.go(1);         //前进  
              window.history.go(-1);        //返回+刷新  
              window.history.forward();  //前进  
              window.history.back();       //返回  
  });
Salin selepas log masuk

【相关推荐】

1. 特别推荐“php程序员工具箱”V0.1版本下载

2. js中的window.history的用法(一)

3. 详细介绍h5中的history.pushState()使用实例

4. 深入了解h5中history特性--pushState、replaceState

5. h5中History API 对Web应用的影响

Atas ialah kandungan terperinci js中的window.history的用法(二). Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan