首頁 > web前端 > js教程 > JS中如何實現點擊a標籤返回頁面頂部的問題

JS中如何實現點擊a標籤返回頁面頂部的問題

高洛峰
發布: 2017-01-21 10:06:18
原創
1702 人瀏覽過

<!DOCTYPE html>
<html>
<head>
 <meta charset="UTF-8">
 <title>Title</title>
 <style>
  p {
   font-size: 400px;
  }
 </style>
</head>
<body>
<p>?</p>
<a href="javascript:void(0)">点击</a>
</body>
</html>
登入後複製

上面的程式碼點擊後會回到頁面頂部。

解決問題:

<!DOCTYPE html>
<html>
<head>
 <meta charset="UTF-8">
 <title>Title</title>
 <style>
  p {
   font-size: 400px;
  }
 </style>
</head>
<body>
<p>?</p>
<a href="javascript:void(0)">点击</a>
</body>
</html>
登入後複製

好了,問題解決(^o^)/~

如果想給a標籤添加點擊事件,可以這樣寫

<!DOCTYPE html>
<html>
<head>
 <meta charset="UTF-8">
 <title>Title</title>
 <style>
  p {
   font-size: 400px;
  }
 </style>
</head>
<body>
<p>?</p>
<a href="javascript:void(0)" onclick="aClick()">点击</a>
</body>
<script>
 function aClick() {
  alert("晨落梦公子");
 }
</script>
</html>
登入後複製

以上所述是小編給大家介紹的JS中如何介紹的JS中如何介紹的JS中如何介紹實現點擊a標籤返回頁面頂部的問題,希望對大家有幫助,如果大家有任何疑問請給我留言,小編會及時回覆大家的。在此也非常感謝大家對PHP中文網的支持!

更多JS中如何實現點擊a標籤返回頁面頂部的問題相關文章請關注PHP中文網!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板