gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-11-28 05:19:10 25 4
gpt4 key购买 nike

目前,我的浏览器后退按钮正在跳转我网站上的内部链接。每个版 block 都有一个ID,导航跳转到对应ID的版 block 。我希望我的网站能够返回说“Google”(如果用户来自那里),而不是在我的页面上跳转。

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

最佳答案

此答案已被修改以显示正确的信息。通过更改 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>

关于javascript - 如何让后退按钮转到上一页而不是跳转内部链接?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40709112/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com