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 相关文章推荐
我遇到的参数传递中 双引号单引号嵌套问题
Feb 11 Javascript
JavaScript 和 Java 的区别浅析
Jul 31 Javascript
javascript 函数及作用域总结介绍
Nov 12 Javascript
通过复制Table生成word和excel的javascript代码
Jan 20 Javascript
AngularJS ng-bind 指令简单实现
Jul 30 Javascript
JavaScript实现使用Canvas绘制图形的基本教程
Oct 27 Javascript
深入学习jQuery中的data()
Dec 22 Javascript
微信小程序实战之运维小项目
Jan 17 Javascript
使用bat打开多个cmd窗口执行gulp、node
Feb 17 Javascript
jQuery实现页面倒计时并刷新效果
Mar 13 Javascript
浅谈JavaScript中this的指向更改
Jul 28 Javascript
js实现无缝轮播图插件封装
Jul 31 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网站基础优化方法小结
2008/09/29 PHP
PHP生成指定长度随机数最简洁的方法
2014/07/14 PHP
使用ThinkPHP的自动完成实现无限级分类实例详解
2016/09/02 PHP
jQuery Ajax方法调用 Asp.Net WebService 的详细实例代码
2011/04/27 Javascript
js查错流程归纳
2012/05/04 Javascript
浅析JavaScript中的delete运算符
2013/11/30 Javascript
JavaScript实现图片DIV竖向滑动的方法
2015/04/25 Javascript
jquery对复选框(checkbox)的操作汇总
2016/01/13 Javascript
深入解析JavaScript中函数的Currying柯里化
2016/03/19 Javascript
详解Javascript继承的实现
2016/03/25 Javascript
jquery自定义插件开发之window的实现过程
2016/05/06 Javascript
jQuery+正则+文本框只能输入数字的实现方法
2016/10/07 Javascript
BootStrap 下拉菜单点击之后不会出现下拉菜单(下拉菜单不弹出)的解决方案
2016/12/14 Javascript
ajax 提交数据到后台jsp页面及页面跳转问题
2017/01/19 Javascript
RequireJs的使用详解
2017/02/19 Javascript
vue使用mint-ui实现下拉刷新和无限滚动的示例代码
2017/11/06 Javascript
vue-cli webpack2项目打包优化分享
2018/02/07 Javascript
jQuery中DOM常见操作实例小结
2019/08/01 jQuery
python 回调函数和回调方法的实现分析
2016/03/23 Python
详解tensorflow实现迁移学习实例
2018/02/10 Python
Python用于学习重要算法的模块pygorithm实例浅析
2018/08/16 Python
Python实现的字典排序操作示例【按键名key与键值value排序】
2018/12/21 Python
Pandas数据离散化原理及实例解析
2019/11/16 Python
python GUI库图形界面开发之PyQt5布局控件QVBoxLayout详细使用方法与实例
2020/03/06 Python
Python ellipsis 的用法详解
2020/11/20 Python
纯CSS3实现的阴影效果
2014/12/24 HTML / CSS
HTML5之多线程(Web Worker)
2019/01/02 HTML / CSS
中东地区最大的奢侈品市场:The Luxury Closet
2019/04/09 全球购物
漫威玩具服装及周边商品官方购物网站:Marvel Shop
2019/05/11 全球购物
财务副总经理工作职责
2013/11/25 职场文书
公务员平时考核实施方案
2014/03/11 职场文书
公司经营目标责任书
2015/01/29 职场文书
教师节获奖感言
2015/07/31 职场文书
使用react-virtualized实现图片动态高度长列表的问题
2021/05/28 Javascript
利用Python判断你的密码难度等级
2021/06/02 Python
宝塔更新Python及Flask项目的部署
2022/04/11 Python