`

window.history.go(-1)返回且刷新页面

 
阅读更多

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

 

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

 

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

 

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

 

   window.history.go(-1);

 

 

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

 

   history.go(1);

 

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

 

      history.back();   后退

 

      history.forward(); 前进

 

 

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

 

      history.length;

 

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

 

   history.go(-1)表示后退与刷新。如数据有改变也随之改变

 

   history.back()只是单纯的返回到上一页。

 

例:

<div class="oper_context_view">
          <a id="btn_exit" class="btn" href="javascript:void(0);">返回</a>
 </div>
 
  $("#btn_exit").bind("click",function(){
                window.location.reload();    //刷新
                window.history.go(1);         //前进
                window.history.go(-1);        //返回+刷新
                window.history.forward();  //前进
                window.history.back();       //返回
    }); 
分享到:
评论

相关推荐

    返回上一页面并刷新

    window.history.go(-1); 只能是回返目的,而未能刷新;使用self.location=document.referrer,如果原页面是post提交的多条件查询,也就显然无效。 写一个js基本解决这个问题了,欢迎大家指正。有需要同学也可以参考...

    HTML5无刷新改变当前url的代码

    //前进window.history.go(-1);//移动到指定记录点,当前倒退1,相当于window.history.forward()window.history.length//可以了解历史中有多少个记录点 以上只是查资料时候的附带 下面来说 history.pushState与...

    [removed]history.go()和History.back()的区别及应用

    input type=button value=前进 onclick=”window.history.go(1)”&gt; &lt;input type=button value=后退 onclick=”window.history.go(-1)”&gt; &lt;input type=button value=前进 onclick=”window.history....

    js 返回上一页和刷新

    1. 使用history对象:history.go(-1)可以返回上一页,history.go(-2)可以返回两个页面。 2. 使用history.back():可以返回上一页。 3. 使用window.history.forward():可以返回下一页。 示例代码:...

    iOS微信浏览器回退不刷新实例(监听浏览器回退事件)

    iOS在微信浏览器回退是不重新加载页面的,有些时候是需要重新加载的,所以需要监听回退事件 $(function(){ ... //window.history.go(-1); //你可以使用go()方法从当前会话的历史记录中加载页面(当

    Javascript实现返回上一页面并刷新的小例子

    今天写了一个小小的提示成功的页面,同时要求返回上一页面,并实现对上一页面的操作进行刷新(例如删除的,添加的),在网上搜寻了一遍,基本上90%的都是说的是用window.history.go(-1), 或者是用 window.history....

    JavaScript返回上一页的三种方法及区别介绍

    JavaScript返回上一页代码区别: ...window.history.go(-1); //返回上一页 window.history.back(); //返回上一页 //如果要强行刷新的话就是:window.history.back();location.reload(); [removed].go(-1); //刷新上一页

    javascript中的后退和刷新实现方法

    input type=button value=前进 onclick="window.history.Go(1)"&gt; &lt;input type=button value=后退 onclick="window.history.go(-1)"&gt; &lt;input type=button value=前进 onclick="window.history.forward()...

    js 返回上一页和刷新 的代码

    1. Javascript 返回上一页history.go(-1), 返回两个页面: history.go(-2);2. history.back().3. window.history.forward()返回下一页4. window.history.go(返回第几页,也可以使用访问过的URL) 例:向上一页&lt;/a&gt;...

    js 刷新页面的代码小结 推荐

    1. Javascript 返回上一页 history.go(-1), 返回两个页面: history.go(-2); 2. history.back(). 3. window.history.forward()返回下一页 4. window.history.go(返回第几页,也可以使用访问过的URL) 例: 向上一页&lt;/a&gt; ...

    JavaScript常用的返回,自动跳转,刷新,关闭语句汇总

    1. Javascript 返回上一页: 代码如下:history.go(-1)返回两个页面: 代码如下:history.go(-2)    2. 后退: 代码如下:history.back() 3. 返回下一页: 代码如下:window.history.forward() 4. 返回第几页,也可以...

    JavaScript笔记

    若找到,返回1个数组,数组的每个元素是每个找到的匹配关键 | |--str.replace(regExp,"替换值")--替换str中所有匹配的关键字 | 强调:replace方法不改变元字符串,只能返回新字符串。必须用变量接收新字符串 | |-...

    HTML5实现无刷新修改URL的方法

    今天在做一个vue的搜索功能,需要从搜索结果页面跳转到细节页面,然后点击返回还能返回到刚刚的结果页面,如果只用window.history.go(-1)当然会重新刷新搜索页面,当然是不行的。 我尝试了俩种方式来修改url: ...

    Javascript代码实现浏览器菜单命令.doc

    使用 location.reload() 或 history.go(0) 可以实现刷新命令,该命令可以重新打开当前网页。 示例代码:&lt;a href="#" onclick=location.reload()&gt;刷新&lt;/a&gt; 或 &lt;a href="#" onclick=history.go(0)&gt;刷新 2. 源文件...

    107个常用javascript语句

    90.window.history.back()返回上一页,window.history.forward()返回下一页,window.history.go(返回第几页,也可以使用访问过的URL) 91.document.write()不换行的输出,document.writeln()换行输出 92.document.body....

    73种网页设计最常用到的js代码

    后退" onClick="history.go(-1)"&gt; 前进" onClick="history.go( 1 );return true;"&gt; 2、返回 &lt;form&gt;&lt;input type="button" value="返回上一步" onClick="history.back(-1)"&gt;&lt;/form&gt; 3、查看源码 查看源码" ...

    javascript函数的解释

    90.window.history.back()返回上一页,window.history.forward()返回下一页,window.history.go(返回第几页,也可以使用访问过的URL) 91.document.write()不换行的输出,document.writeln()换行输出 92.document.body....

    Javascript刷新页面的实例

    1 history.go(0) 2 location.reload() 3 location=location 4 location.assign(location) 5 document.execCommand(‘Refresh’) 6 window.navigate(location) 7 location.replace(location)

    刷新页面的几种方法小结(JS,ASP.NET)

    1. history.go(0) 2. location.reload() 3. location=location 4. location.assign(location) 5. document.execCommand(‘Refresh’) 6. window.navigate(location) 7. location.replace(location) 8. document.URL=...

    javascript 强制刷新页面的实现代码

    Javascript刷新页面的几种方法: 1 history.go(0) 2 location.reload() 3 location=location 4 location.assign(location) 5 document.execCommand(‘Refresh’) 6 window.navigate(location) 7 location.replace...

Global site tag (gtag.js) - Google Analytics