为什么返回顶部的锚点不能重复使用，点击一次后再次点击就没有功能了

请尽量清晰完善地描述问题，以便大家给予专业的回复。

404NO 2017-07-27

源自：JavaScript BOM基础 2-1 location对象属性

收起

3回答

小丸子爱吃菜回答被采纳获得+3积分 2017-07-27 15:09:12

当你点击按钮时，回到了页面的顶部，页面的url就发生了变化：

所以你之后再怎么点，它也是不会进行跳转头部了，除非重新打开页面。

收起回答

提问者 404NO 2017-07-27 13:05:49

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
.box1{height: 800px;background: #ccc;}
.box2{height: 600px;background: #666;}
</style>
</head>
<body>
<div class="box1" id="top"></div>
<div class="box2"></div>
<input type="button" id="btn" value="返回顶部">
<script>
var btn=document.getElementById("btn");
btn.onclick=function(){
location.hash="#top"
}
</script>
</body>
</html>

收起回答

提问者 404NO #1

我就是想问下这个锚点为什么不能重复使用

2017-07-27 13:06:33

好帮手慕糖 2017-07-27 11:00:44

你好，建议将相关代码，粘贴过来，方便测试与解决问题！祝学习愉快~

收起回答

提问者 404NO #1

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> .box1{height: 800px;background: #ccc;} .box2{height: 600px;background: #666;} </style> </head> <body> <div class="box1" id="top"></div> <div class="box2"></div> <input type="button" id="btn" value="返回顶部"> <script> //console.log(location.href); //console.log(location.hash); var btn=document.getElementById("btn"); btn.onclick=function(){ location.hash="#top" } </script> </body> </html>

2017-07-27 13:04:41