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


Posted in Javascript onJanuary 19, 2017
<!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标签返回页面顶部的问题,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
用javascript将数据库中的TEXT类型数据动态赋值到TEXTAREA中
Apr 20 Javascript
使用jquery动态加载javascript以减少服务器压力
Oct 29 Javascript
jQuery 中$(this).index与$.each的使用指南
Nov 20 Javascript
js实现完全自定义可带多级目录的网页鼠标右键菜单方法
Feb 28 Javascript
jQuery插件formValidator实现表单验证
May 23 Javascript
JQuery组件基于Bootstrap的DropDownList(完整版)
Jul 05 Javascript
JavaScript使用delete删除数组元素用法示例【数组长度不变】
Jan 17 Javascript
jQuery实现图片简单轮播功能示例
Aug 13 jQuery
微信小程序实现单选选项卡切换效果
Jun 19 Javascript
优雅的处理vue项目异常实战记录
Jun 05 Javascript
bootstrap实现嵌套模态框的实例代码
Jan 10 Javascript
Flexible.js可伸缩布局实现方法详解
Nov 13 Javascript
Bootstrap中glyphicons-halflings-regular.woff字体报404错notfound的解决方法
Jan 19 #Javascript
AngularJS中$injector、$rootScope和$scope的概念和关联关系深入分析
Jan 19 #Javascript
bootstrap组件之导航组件使用方法
Jan 19 #Javascript
bootstrap输入框组件使用方法详解
Jan 19 #Javascript
bootstrap组件之按钮式下拉菜单小结
Jan 19 #Javascript
AngularJS框架中的双向数据绑定机制详解【减少需要重复的开发代码量】
Jan 19 #Javascript
AngularJs中 ng-repeat指令中实现含有自定义指令的动态html的方法
Jan 19 #Javascript
You might like
PHP Directory 函数的详解
2013/03/07 PHP
PHP实现发送邮件的方法(基于简单邮件发送类)
2015/12/17 PHP
PHP使用第三方即时获取物流动态实例详解
2017/04/27 PHP
Locate a File Using a File Open Dialog Box
2007/06/18 Javascript
js 蒙版进度条(结合图片)
2010/03/10 Javascript
javascript实现简易计算器的代码
2016/05/31 Javascript
javascript用正则表达式过滤空格的实现代码
2016/06/14 Javascript
jQuery实现查找最近父节点的方法
2016/06/23 Javascript
原生js实现放大镜
2017/02/20 Javascript
js 数字、字符串、布尔值的转换方法(必看)
2017/04/07 Javascript
NodeJS实现不可逆加密与密码密文保存的方法
2018/03/16 NodeJs
微信小程序发布新版本时自动提示用户更新的方法
2019/06/07 Javascript
微信小程序表单验证WxValidate的使用
2019/11/27 Javascript
element-ui封装一个Table模板组件的示例
2021/01/04 Javascript
[11:12]2018DOTA2国际邀请赛寻真——绿色长城OpTic
2018/08/10 DOTA
Python Sqlite3以字典形式返回查询结果的实现方法
2016/10/03 Python
python 查找字符串是否存在实例详解
2017/01/20 Python
python http接口自动化脚本详解
2018/01/02 Python
python最长回文串算法
2018/06/04 Python
python bmp转换为jpg 并删除原图的方法
2018/10/25 Python
python 获取毫秒数,计算调用时长的方法
2019/02/20 Python
Python中判断子串存在的性能比较及分析总结
2019/06/23 Python
Python Pandas实现数据分组求平均值并填充nan的示例
2019/07/04 Python
Ubuntu+python将nii图像保存成png格式
2019/07/18 Python
pytorch 使用单个GPU与多个GPU进行训练与测试的方法
2019/08/19 Python
Python常用数据类型之间的转换总结
2019/09/06 Python
Python基于Hypothesis测试库生成测试数据
2020/04/29 Python
Django实现随机图形验证码的示例
2020/10/15 Python
Lands’ End官网:经典的美国生活方式品牌
2016/08/14 全球购物
美国廉价机票预订网站:Cheapfaremart
2018/04/28 全球购物
哄娃神器4moms商店:美国婴童用品品牌
2019/03/07 全球购物
阿巴庭院:Abba Patio
2019/06/18 全球购物
保险经纪人求职信
2014/03/11 职场文书
Elasticsearch 聚合查询和排序
2022/04/19 Python
MySQL数据库简介与基本操作
2022/05/30 MySQL
Spring Cloud OpenFeign模版化客户端
2022/06/25 Java/Android