美文网首页
JS根据页面来源返回相应页面

JS根据页面来源返回相应页面

作者: ChasenGao | 来源:发表于2018-06-26 22:38 被阅读0次

今天在看一个网站的源码时,发现这么一个功能。
功能如下:
AB两个页面都可以进入C页面,C页有一个返回按钮,如果是A to C,那么在C页点击返回按钮则返回A页,如果是 B to C,那么点击返回按钮则返回B页。
(语言描述能力有限,请见谅)

实现功能如下
a.html

<a href="c.html">A进入C</a>

b.html

<a href="c.html">B进入C</a>

c.html

<a id="a" href="#">返回</a>
<script type="text/javascript">
    window.onload = function(){
        if (document.referrer == window.location.href) {
            document.getElementById("a").setAttribute("href","a.html");
        }else{
            document.getElementById("a").setAttribute("href",document.referre);
        };
    };
</script>

如果直接进入C或从A页进入C,那么点击返回将回到A页,如果从B页进入C,那么点击返回将回到B页。

相关文章

网友评论

      本文标题:JS根据页面来源返回相应页面

      本文链接:https://www.haomeiwen.com/subject/ybkvyftx.html