如何使后退按钮转到上一页而不是跳转内部链接?

时间:2016-11-20 20:38:33

标签: javascript jquery html

目前,我的浏览器后退按钮正在我的网站上跳转内部链接。每个部分都有一个ID,导航将跳转到具有相应ID的部分。我希望我的网站回过头来说Google,如果这是用户来自的地方,而不是在我的页面上跳转。

我该怎么做呢?有没有办法控制浏览器后退按钮在我的网站上的作用?

1 个答案:

答案 0 :(得分:0)

此答案已经过修改,以显示正确的信息。通过更改A元素的运作方式,它不会在URL中添加#,当他们点击后退按钮时,他们将被带到他们访问您网站之前所在的页面(只要您的网站是一页)。



<head>
    <script type="text/javascript" src="//code.jquery.com/jquery-2.1.4.js"></script>
</head>
<!--These are your links that will take the user to each part of the page.
Change the value in the onclick function to the name of your div-->
<a href="Javascript:void(0);" onclick="goToByScroll('div1')">Click here to go to Div 1</a>
<a href="Javascript:void(0);" onclick="goToByScroll('div2')">Click here to go to Div 2</a>

<!--Add ID attributes to your divs, this is what you will put in the goToByScroll Onclick value.-->
<div id="div1" style="margin-top: 700px">
    <!--Div 1 Info-->
Div 1
</div>
<div id="div2" style="margin-top: 700px">
    <!--Div 2 info-->
Div 2
</div>
<!--This is the JS function. I've added in a smooth scrolling technique to make it not choppy.-->
<script type="text/javascript">
    function goToByScroll(id){
        $('html,body').animate({scrollTop: $("#"+id).offset().top},'slow');
    }
</script>
&#13;
&#13;
&#13;