网络编程
位置：首页>> 网络编程>> JavaScript>> JS中如何实现点击a标签返回页面顶部的问题

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

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

标签：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="#">点击</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

0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com