解决点击a标签返回页面顶部的问题

本文转载自查看原文 2016-10-11 20:30 8615 网页建设技巧

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Title</title>
 6     <style>
 7         p{
 8             font-size: 400px;
 9         }
10     </style>
11 </head>
12 <body>
13 <p>?</p>
14 <a href="#">点击</a>
15 </body>
16 </html>

上面的代码点击后会回到页面顶部。

解决问题：

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Title</title>
 6     <style>
 7         p {
 8             font-size: 400px;
 9         }
10     </style>
11 </head>
12 <body>
13 <p>?</p>
14 <a href="javascript:void(0)">点击</a>
15 </body>
16 </html>

好了，问题解决\(^o^)/~

如果想给a标签添加点击事件，可以这样写

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Title</title>
 6     <style>
 7         p {
 8             font-size: 400px;
 9         }
10     </style>
11 </head>
12 <body>
13 <p>?</p>
14 <a href="javascript:void(0)" onclick="aClick()">点击</a>
15 </body>
16 <script>
17     function aClick() {
18         alert("晨落梦公子");
19     }
20 </script>
21 </html>

免责声明！

本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。

猜您在找 解决点击空标签返回页面顶部的问题 jquery返回页面顶部 js中点击返回顶部滚动到某个点返回顶部字样出来点击返回顶部页面返回顶部的方法总结 Android RecycleView悬浮按钮点击返回顶部 jquery点击回到页面顶部方法页面一键返回顶部功能实现页面div的返回顶部操作解决Vue 使用vue-router切换页面时页面显示没有在顶部的问题