JS中如何实现点击a标签返回页面顶部的问题

作者:GodTelMe 时间:2024-04-19 10:14:19 


<!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="#">点击</a>
</body>
</html>

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

解决问题:


<!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="javascript:void(0)">点击</a>
</body>
</html>

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

如果想给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="javascript:void(0)" onclick="aClick()">点击</a>
</body>
<script>
function aClick() {
 alert("晨落梦公子");
}
</script>
</html>

以上所述是小编给大家介绍的JS中如何实现点击a标签返回页面顶部的问题网站的支持!

来源:http://www.cnblogs.com/s648667069/archive/2017/01/19/6306268.html

标签:a标签,返回,顶部
0
投稿

猜你喜欢

  • Python JSON编解码方式原理详解

    2023-10-24 10:33:33
  • Django之PopUp的具体实现方法

    2023-03-26 13:04:54
  • 2020史上最全IDEA插件总结(推荐收藏)

    2023-11-13 07:13:41
  • php字符串截取函数用法分析

    2023-06-28 22:19:26
  • MYSQL METADATA LOCK(MDL LOCK)MDL锁问题分析

    2024-01-15 04:45:54
  • IE地址栏显示网站图标制作方法

    2007-10-13 11:08:00
  • 学ASP应该注意ASP程序书写的规范标准

    2008-10-17 10:16:00
  • JS中setTimeout()的用法详解

    2023-06-26 20:55:17
  • Python网络编程之TCP套接字简单用法示例

    2023-03-10 05:42:10
  • PHPMailer发送邮件功能实现流程

    2023-06-03 13:11:18
  • 使用Python的Bottle框架写一个简单的服务接口的示例

    2023-09-01 17:29:50
  • python使用turtle库与random库绘制雪花

    2021-02-21 22:51:20
  • Pytorch:Conv2d卷积前后尺寸详解

    2021-01-18 23:36:54
  • git如何还原到某次commit并强制推送远程

    2022-07-25 16:45:40
  • Django如何实现防止XSS攻击

    2022-04-13 10:52:39
  • Python的输入,输出和标识符详解

    2021-03-26 21:50:42
  • React开发进阶redux saga使用原理详解

    2023-08-06 09:08:33
  • ASP实现表单中容量大的数据的提交方法

    2008-10-16 11:07:00
  • 如何利用python正确地为图像添加高斯噪声

    2023-08-03 08:26:22
  • 18个超棒的Web和移动应用开发框架

    2011-03-31 17:04:00
  • asp之家 网络编程 m.aspxhome.com