首页 > 代码库 > 解决点击a标签返回页面顶部的问题
解决点击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="#">点击</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>
解决点击a标签返回页面顶部的问题
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。