微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

使用javascript单击后退按钮时转到上一个窗口选项卡

如何解决使用javascript单击后退按钮时转到上一个窗口选项卡

我正在使用带有 Go detail 按钮的弹出窗口,该按钮移动到下一个 URL 页面,在下一页添加返回 按钮,当点击 Back 按钮 我想使用 javascript 返回上一个窗口页面。这是我在 javascript 代码中的函数,但它不起作用:

<script>
    function goBack() {
        
        window.history.back();
        
    }
</script>

HTML 按钮:

 <button id="back" onclick="goBack()">BACK</button>

解决方法

试试这个

<button  onclick="window.history.back()">BACK</button>
,

您示例中的代码对我有用(请参阅下面的代码段)。也许问题出在您没有包含在问题中的另一部分代码中。

function goBack () {
  window.history.back();
}

function goDetail () {
  const url = new URL('#detail',window.location.href);
  window.location.href = url.href;
}

function handleHashChange () {
  const hash = window.location.hash.slice(1);
  document.querySelector('h1').textContent = hash || 'first page';

  const button = document.querySelector('button');
  button.textContent = hash === 'detail' ? 'back' : 'detail';
  button.onclick = hash === 'detail' ? goBack : goDetail;
}

function init () {
  goDetail();
  window.addEventListener('hashchange',handleHashChange);
}

init();
<h1>detail page</h1>
<button id="back" onclick="goBack()">BACK</button>

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。