Question

我希望我的按钮返回包含/ furniture /的最后一个URL。

在w3schools文档中说：

该参数可以是转到特定位置URL的数字（-1后退一页，1后退一页）或字符串。该字符串必须是部分或完整URL，该函数将转到与该字符串匹配的第一个URL。

https://www.w3schools.com/jsref/met_his_go.asp

因为是Squarespace，所以我必须使用事件侦听器向Squarespace按钮添加自定义功能。

<script>
  window.onload=function(){
    document.getElementsByClassName("sqs-block-button-element").addEventListener("click", goBack);

    function goBack() {
    window.history.go("https://uk5-shop.com/furniture/");
    }
  }
</script>

据我了解，这应该使我回到上次访问的家具类别中的任何产品，例如https://uk5-shop.com/furniture/chair或https://uk5-shop.com/furniture/bed。事实并非如此。

我在某处读到它可能会停止使用，但是为什么在大多数文档中都这样？

Answer 1

1。说明：

在另一个问题中回答：（https://stackoverflow.com/a/6277304/4718434）

提供URL作为参数是一项非标准功能，并且无法在所有浏览器（以及google chrome）中使用。大多数浏览器仅接受相对编号，例如1或-1。

但是：为什么要使用history.go（partialUrl）？

情况1：您只想转到用户访问历史记录中的页面，而不关心浏览器的“返回”和“前进”按钮。
情况2：您要模拟“返回”按钮。

在第一种情况下，您可以使用Cookie来保存历史记录。

但是在第2种情况下，您可以将历史记录保存在cookie中并模拟后退按钮，但是如果用户使用来回按钮来播放，我们将无法执行任何操作，并且脚本将不再准确。

2。脚本：

注意：此脚本保存临时cookie，因此，当用户关闭浏览器历史记录时，它将清除。如果需要历史记录，请更改setCookie函数（use this link）。

在每个页面（甚至是您要使用history.go的页面）的开始处，添加此脚本以将当前URL保存在临时cookie中：

appendToCookie('history', window.location.href);

要返回可处理部分网址的网址，请添加此内容（也请确保同时在此页面的开头添加了previus脚本（仅一次））：


//last parameter description (searchFullWebsiteHistoryAndGoForwardNotBackward) :
//1. for usage case 1 described above, set it to true
//2. for usage case 2 described above, set it to false

var wentSuccessfull = goBackToHistoryWithPartialUrl('history','/some/partial/Url',false);
if(!wentSuccessfull) console.log('the pattern doesnt exists in history!');

function goBackToHistoryWithPartialUrl(historyCookieName, partialUrl, searchFullWebsiteHistoryAndGoForwardNotBackward){
  var history = getArrayFromCookie(historyCookieName);
  var historyIndex = null;
  for(var i = history.length - 2 ; i >= 0; i--){
    if( history[i].indexOf(partialUrl) >-1){
      historyIndex = i;
      break;
    }
  }
  if(historyIndex !== null){
    if (searchFullWebsiteHistoryAndGoForwardNotBackward){
      window.location.href = history[historyIndex];
    }
    else{
      var is = [];
      for(var i = history.length - 1 ; i >= historyIndex; i--){
        is.push(i);
      }
      removeMultiFromCookie(historyCookieName,is);
      //waitForCookieToSet();
      window.history.go(historyIndex - (history.length - 1));
    }
    return true;
  }else{
    return false;
  }
}

辅助功能：

function getSeparator() {
  return '_#_SEP_#_';
}

function getArrayFromCookie(cookieName){
  var c = getCookie(cookieName);
  var a = c.split(getSeparator());
  return !c ? [] : a;
}

function appendToCookie(cookieName, value){
  var a = getArrayFromCookie(cookieName);
  a.push(value);
  setCookie(cookieName, a.join(getSeparator()));
}
function removeFromCookie(cookieName, index){
  var arr = getArrayFromCookie(cookieName);
  arr.splice(index,1);
  setCookie(cookieName, arr.join(getSeparator()));
}
function waitForCookieToSet(){
    //https://stackoverflow.com/questions/17583250/javascript-delete-cookie-before-reload-or-redirect
    var fakeAjax = new XMLHttpRequest();
    var anything = fakeAjax.responseText;
    fakeAjax.open("GET","ajax_info.txt",false);  // file doesn't actually exist
    fakeAjax.send();
}
function removeMultiFromCookie(cookieName, indices){
  var arr = getArrayFromCookie(cookieName);
  for(var i = indices.length - 1 ; i>=0 ; i-- )arr.splice(indices[i],1);
  setCookie(cookieName, arr.join(getSeparator()));
}
function setCookie(cname, cvalue) {
  document.cookie = cname + "=" + cvalue + ";path=/";
}

function getCookie(cname) {
  var name = cname + "=";
  var decodedCookie = decodeURIComponent(document.cookie);
  var ca = decodedCookie.split(';');
  for(var i = 0; i <ca.length; i++) {
    var c = ca[i];
    while (c.charAt(0) == ' ') {
      c = c.substring(1);
    }
    if (c.indexOf(name) == 0) {
      return c.substring(name.length, c.length);
    }
  }
  return "";
}

History.go（“部分网址”）

1 个答案: