javascript - 在 Html 中有一种方法可以使链接目标知道我来自哪个页面？

Question

我正在做一个网站，有 3 个起始页，例如“第一页 A”、“第一页 B”、“第一页 C”。 此页面的每个页面都通过 .

中的链接关联到相同的“最终页面”

因为我希望用户能够返回到他来自的起始页面，所以我在“最终页面”中添加了一个小导航栏，上面写着(例如，如果我来自“第一页 A”):

<a href=""> "first page A" </a> >>> Final Page

这样我就可以通过单击链接返回到起始页。

有一种方法可以告诉浏览器我是否来自“第一页 A”，在导航栏“第一页 A”中写入，如果我来自其他页面，则写入其他页面？

非常感谢!

Answer 1

您可以使用 javascript 获取该信息:

<script type="text/javascript>
    var prev_page = document.referrer;
</script>

假设您的菜单 div 如下所示:

<div id="menu">
   <h2 id="menutitle">Page 1 <!--this will change dynamically now--></h2>
</menu>

然后使用javascript设置菜单名称:

<script type="text/javascript>
    var prev_page = document.referrer;
    switch(prev_page) {
        case 'http://link url here':   <!- say this page1 -->
            document.getElementById('menutitle').innerText = "Page1"


    }
</script>