解決點擊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刪除。

猜您在找 解決點擊空標簽返回頁面頂部的問題點擊按鈕返回頂部 Web前端頁面功能——點擊按鈕返回頂部的實現方法 js頁面跳轉常用的幾種方式及點擊返回頂部代碼 jquery返回頁面頂部 js中點擊返回頂部滾動到某個點返回頂部字樣出來點擊返回頂部頁面返回頂部的方法總結頁面返回頂部功能的實現解決蘋果手機點擊返回鍵頁面不刷新問題