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 相关文章推荐
海量经典的jQuery插件集合
Jan 12 Javascript
JavaScript判断用户是否对表单进行了修改的方法
Mar 18 Javascript
jquery中用jsonp实现搜索框功能
Oct 18 Javascript
Bootstrap 过渡效果Transition 模态框(Modal)
Mar 17 Javascript
js脚本编写简单刷票投票系统
Jun 27 Javascript
js实现图片旋转 js滚动鼠标中间对图片放大缩小
Jul 05 Javascript
浅谈FastClick 填坑及源码解析
Mar 02 Javascript
JS 音频可视化插件Wavesurfer.js的使用教程
Oct 31 Javascript
浅谈vuex的基本用法和mapaction传值问题
Nov 08 Javascript
Vue的双向数据绑定实现原理解析
Feb 17 Javascript
JS apply用法总结和使用场景实例分析
Mar 14 Javascript
Javascript执行上下文顺序的深入讲解
Nov 04 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
防止MySQL注入或HTML表单滥用的PHP程序
2009/01/21 PHP
PHP检查端口是否可以被绑定的方法示例
2018/08/09 PHP
PHP按一定比例压缩图片的方法
2018/10/12 PHP
php模式设计之观察者模式应用实例分析
2019/09/25 PHP
thinkphp 5框架实现登陆,登出及session登陆状态检测功能示例
2019/10/10 PHP
让getElementsByName适应IE和firefox的方法
2007/09/24 Javascript
prototype 学习笔记整理
2009/07/17 Javascript
js png图片(有含有透明)在IE6中为什么不透明了
2010/02/07 Javascript
nodejs win7下安装方法
2012/05/24 NodeJs
javascript带回调函数的异步脚本载入方法实例分析
2015/07/02 Javascript
JavaScript模块化开发之SeaJS
2015/12/13 Javascript
轻松实现javascript图片轮播特效
2016/01/13 Javascript
js获取指定字符前/后的字符串简单实例
2016/10/27 Javascript
Angular2中select用法之设置默认值与事件详解
2017/05/07 Javascript
使用JS编写的随机抽取号码的小程序
2017/08/11 Javascript
详解vue 计算属性与方法跟侦听器区别(面试考点)
2018/04/23 Javascript
浅谈VUE防抖与节流的最佳解决方案(函数式组件)
2019/05/22 Javascript
vue源码中的检测方法的实现
2019/09/26 Javascript
基于leaflet.js实现修改地图主题样式的流程分析
2020/05/15 Javascript
在vue-cli创建的项目中使用sass操作
2020/08/10 Javascript
[58:42]DOTA2上海特级锦标赛C组败者赛 Newbee VS Archon第一局
2016/02/27 DOTA
利用django如何解析用户上传的excel文件
2017/07/24 Python
Python实现扩展内置类型的方法分析
2017/10/16 Python
Python打开文件,将list、numpy数组内容写入txt文件中的方法
2018/10/26 Python
CSS3实现文本垂直排列的方法
2018/07/10 HTML / CSS
美国瑜伽服装和装备购物网站:Mukha Yoga
2019/02/22 全球购物
全球最受追捧的运动服品牌领先数字目的地:Stylerunner
2020/11/25 全球购物
暖通工程师岗位职责
2014/06/12 职场文书
送温暖献爱心活动总结
2014/07/08 职场文书
党组织领导班子整改方案
2014/10/25 职场文书
2014年青年志愿者工作总结
2014/12/09 职场文书
致地震灾区的慰问信
2015/03/23 职场文书
2016年小学教师政治学习心得体会
2016/01/23 职场文书
《棉鞋里的阳光》教学反思
2016/02/20 职场文书
SpringBoot集成Redis的思路详解
2021/10/16 Redis
js面向对象编程OOP及函数式编程FP区别
2022/07/07 Javascript