美文网首页
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