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 相关文章推荐
innerText和textContent对比及使用介绍
Feb 27 Javascript
Jquery绑定事件(bind和live的区别介绍)
Aug 23 Javascript
jquery选择器需要注意的问题
Nov 26 Javascript
JQuery复制DOM节点的方法
Jun 11 Javascript
jQuery中使用animate自定义动画的方法
May 29 Javascript
浅谈js的url解析函数封装
Jun 28 Javascript
Bootstrap树形菜单插件TreeView.js使用方法详解
Nov 01 Javascript
js返回顶部实例分享
Dec 21 Javascript
详解JavaScript数组过滤相同元素的5种方法
May 23 Javascript
vue.js vue-router如何实现无效路由(404)的友好提示
Dec 20 Javascript
基于打包工具Webpack进行项目开发实例
May 29 Javascript
js实现图片无缝循环轮播
Oct 28 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的array_diff()函数在处理大数组时的效率问题
2011/11/27 PHP
php函数间的参数传递(值传递/引用传递)
2013/09/23 PHP
PHP利用header跳转失效的解决方法
2014/10/24 PHP
浅谈socket同步和异步、阻塞和非阻塞、I/O模型
2016/12/15 PHP
CI框架(CodeIgniter)操作redis的方法详解
2018/01/25 PHP
php中文语义分析实现方法示例
2019/09/28 PHP
tp5 实现列表数据根据状态排序
2019/10/18 PHP
php5.3/5.4/5.5/5.6/7常见新增特性汇总整理
2020/02/27 PHP
mouse_on_title.js
2006/08/25 Javascript
JavaScript中的this实例分析
2011/04/28 Javascript
Javascript堆排序算法详解
2014/12/03 Javascript
jQuery下拉友情链接美化效果代码分享
2015/08/26 Javascript
Angularjs 实现移动端在线测评效果(推荐)
2017/04/05 Javascript
Vue2 使用 Echarts 创建图表实例代码
2017/05/18 Javascript
jQuery序列化form表单数据为JSON对象的实现方法
2018/09/20 jQuery
对angularJs中自定义指令replace的属性详解
2018/10/09 Javascript
Vue自定义指令上报Google Analytics事件统计的方法
2019/02/25 Javascript
轻松解决JavaScript定时器越走越快的问题
2019/05/13 Javascript
[03:22]DOTA2超级联赛专访单车:找到属于自己的英雄
2013/06/08 DOTA
Python with用法实例
2015/04/14 Python
Python pickle模块用法实例
2015/04/14 Python
python实现JAVA源代码从ANSI到UTF-8的批量转换方法
2015/08/10 Python
正确理解python中的关键字“with”与上下文管理器
2017/04/21 Python
Django在win10下的安装并创建工程
2017/11/20 Python
Python hashlib模块用法实例分析
2018/06/12 Python
python3使用pandas获取股票数据的方法
2018/12/22 Python
python如何爬取网站数据并进行数据可视化
2019/07/08 Python
python爬虫刷访问量 2019 7月
2019/08/01 Python
Django 自定义404 500等错误页面的实现
2020/03/08 Python
Python MOCK SERVER moco模拟接口测试过程解析
2020/04/13 Python
降低python版本的操作方法
2020/09/11 Python
Gap中国官网:美式休闲风服饰
2017/02/05 全球购物
美国著名手表网站:Timepiece
2017/11/15 全球购物
最经典的商业地产项目广告词
2014/03/13 职场文书
办公设备采购方案
2014/03/16 职场文书
mysql幻读详解实例以及解决办法
2022/06/16 MySQL