解决点击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>

时间： 2024-08-01 22:46:06

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

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

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> p{ font-size: 400px; } </style> </head> <body> <p>?</p> <a href=&quo

返回页面顶部最简单方法

<a href="#">返回页面顶部</a> 原文地址:https://www.cnblogs.com/mengfangui/p/8259027.html

js网页返回页面顶部的小方法

咳咳,在网页出现滚动条的时候,许多网站会在右下角出现一个图标,点击可以回到页面顶部本文就记录下js实现代码: 1.在html页面body添加dom元素 <img src="toTop.png" class="gotop" > <div class="gotopdiv" style="display: none;"><span>返回顶部</span></div> 2.

DIV定位右下角点击返回页面顶部

body里面第一个位置写一个a标签: <a name="top" id="top"></a> 然后再用一个div 里面放一个a标签进行跳转: <div id="fanhui"> <a href="#top" target="_self">返回顶部</a> </div> 再对这个div进行定位让其始终保持在屏幕的右下角: &

点击按钮，回到页面顶部的5种写法

1.锚点方式: 1 <body style="height:2000px;"> 2 <div id="topAnchor"></div> 3 <a href="#topAnchor" style="position:fixed;right:0;bottom:0">回到顶部</a> 4 </body> 2.scrollTop:scrollTop属性表示被隐藏

jquery返回页面顶部

1.此博文图片样式引用腾讯网站,效果如下: 2.样式设置: 1 #toTop { 2 /*选中的背景图片的大小*/ 3 width: 54px; 4 height: 54px; 5 display: none;/*刚开始不显示*/ 6 position: fixed; 7 right: 25px;/*距离右边大小值*/ 8 bottom: 45px;/*距离底部大小值*/ 9 /*选定图片区域*/ 10 background-image: url(images/qqbg_1.5.5.png);

解决点击浏览器后退按钮页面过期的问题

header('Cache-control: private, must-revalidate'); session_cache_limiter('private, must-revalidate'); 一定要在session_start()前

返回页面顶部样式

$("#toTop").bind("click",function(){ var scrollTop = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop; if(scrollTop>200){ $("html,body").animate({scrollTop: 0},300); } });