【问题标题】:linking to the previous page javascript document.referrer链接到上一页 javascript document.referrer
【发布时间】:2017-10-11 11:21:00
【问题描述】:

我正在尝试实现一个链接,该链接将带我回到它最后来自的页面。因此,在站点 A 上,我提交了一个表单,然后它转到站点 B,当点击链接时,它应该转到站点 A。

这是两个页面的代码。 站点 A:

<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>
<a href="http://www.example.com/testbackpage2.html">link to page 2</a>
<p>My first paragraph.</p>

</body>
</html>

站点 B:

<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>
<script type="text/javascript">
var ex=document.referrer;
document.write(ex);
</script>
<a href="ex">go back to page one</a>
<p>My first paragraph.</p>

</body>
</html>

</body>
</html>

【问题讨论】:

  • 你可以使用 javascript:history.back();

标签: javascript html dom partial-page-refresh


【解决方案1】:

要返回一页,只需使用window.history.go(-1)window.history.back()

<a href="#" onclick="window.history.go(-1)">go back to page one</a>

关于这个 API 的更多信息可以在这里找到:https://developer.mozilla.org/en-US/docs/Web/API/Window/history

【讨论】:

  • 或history.back();
  • 错字:)
【解决方案2】:
top.location = document.referrer;

【讨论】:

  • 虽然此代码可能(或可能不会)解决问题,但一个好的答案还应说明什么问题是什么以及代码如何提供帮助.
  • 但是如果用户通过点击超链接进入页面,document.referrer 会返回空字符串“”。
【解决方案3】:

你可以这样试试

(How to get previous page url using jquery)

$(document).ready(function() {
  var referrer =  document.referrer;
});

或者

你也可以试试,

<a href="javascript: history.go(-1)">Back</a>

From this link

希望对你有帮助。

【讨论】:

  • 请问您所说的“t 并不总是可用”是什么意思。在任何情况下这都行不通吗?喜欢特定的浏览器?手机版?或者是其他东西?否则它看起来很整洁。谢谢
  • 抱歉,添加错了。真的很抱歉。
  • 如果该人通过链接以外的方法到达页面,第一种方法将不起作用。在您的示例中,假设用户通过页面 A 的链接转到页面 B,但随后使用后退按钮返回 A,然后使用前进按钮返回 B。在这种情况下,只有 history.back 或history.go(-1) 会起作用。
【解决方案4】:

在Jswindow.location = document.referrer;中使用简单返回

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2011-05-07
    • 1970-01-01
    • 1970-01-01
    • 2015-09-06
    • 2019-04-20
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多