zoukankan      html  css  js  c++  java
  • javascript前进、后退、刷新的实现

    go(-1): 返回上一页, 原页面表单中的内容会丢失; back(-1): 返回上一页, 原页表表单中的内容会保留.

    <input type=button value=刷新 onclick="window.location.reload()">

    <input type=button value=前进 onclick="window.history.go(1)">

    <input type=button value=后退 onclick="window.history.go(-1)">

    <input type=button value=前进 onclick="window.history.forward()">

    <input type=button value=后退 onclick="window.history.back()">

    后退+刷新<input type=button value=后退 onclick="window.history.go(-1);window.location.reload()">

    history.back()是会上一页

    i=1;
    history.go(i);去指定的某页

    如果是history.go(0),那就是刷新。

    这两个属于JS代码,相当于IE的前进、后退功能。

    具体的用处就要看什么时候需要这个就用上。

    比如用户注册时的验证是后台验证,不符合要求的时候就可以用这个,可以最大限度保证用户少重复输入数据。 例如:载入页面:

    function onLoadPage(){
      if(event.srcElement.tagName=="SPAN"){
        oFrame=top.window.middle.frames[2];     oTxt=event.srcElement.innerText;     switch(oTxt){
          case "前 进":         oFrame.history.go(1);
            break;
          case "后 退":         oFrame.history.back();
            break;
          case
    "刷 新":         oFrame.location.reload();
            break;     }   } }
  • 相关阅读:
    撤销git reset
    vue diff,react diff算法
    了解下domparser方法
    css中的BFC和IFC
    浏览器输入URL后发生了什么
    几种图片滤镜算法代码实现(灰度、浮雕、二值、底片)
    python--记python输入多行
    chrome添加 postman扩展程序图文简介
    火狐浏览器插件--HttpRequester接口测试
    python爬虫--一次爬取小说的尝试
  • 原文地址:https://www.cnblogs.com/sky-net/p/3535954.html
Copyright © 2011-2022 走看看