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的hover方法让鼠标经过li时背景变色
Sep 06 Javascript
javascript unicode与GBK2312(中文)编码转换方法
Nov 14 Javascript
jQuery.holdReady()使用方法
May 20 Javascript
使用JS实现jQuery的addClass, removeClass, hasClass函数功能
Oct 31 Javascript
深入浅析JavaScript字符串操作方法 slice、substr、substring及其IE兼容性
Dec 16 Javascript
原生js配合cookie制作保存路径的拖拽
Dec 29 Javascript
JavaScript原生对象常用方法总结(推荐)
May 13 Javascript
通过原生JS实现为元素添加事件的方法
Nov 23 Javascript
微信小程序 textarea 详解及简单使用方法
Dec 05 Javascript
webpack写jquery插件的环境配置
Dec 21 jQuery
简单了解JavaScript弹窗实现代码
May 07 Javascript
JavaScript实现登录窗体
Jun 22 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模块memcache和memcached区别分析
2011/06/14 PHP
thinkphp连贯操作实例分析
2014/11/22 PHP
php将远程图片保存到本地服务器的实现代码
2015/08/03 PHP
PHP中获取文件创建日期、修改日期、访问时间的方法
2016/11/05 PHP
基于 Swoole 的微信扫码登录功能实现代码
2018/01/15 PHP
针对thinkPHP5框架存储过程bug重写的存储过程扩展类完整实例
2018/06/16 PHP
Laravel5.7框架安装与使用学习笔记图文详解
2019/04/02 PHP
jquery autocomplete自动完成插件的的使用方法
2010/08/07 Javascript
form表单只提交数据而不进行页面跳转的解决方案
2013/09/18 Javascript
如何通过javascript操作web控件的自定义属性
2013/11/25 Javascript
jquery中map函数遍历数组用法实例
2015/05/18 Javascript
jquery验证邮箱格式是否正确实例讲解
2015/11/16 Javascript
vue实现简单实时汇率计算功能
2017/01/15 Javascript
JS实现旋转木马式图片轮播效果
2017/01/18 Javascript
手写简单的jQuery雪花飘落效果实例
2018/04/22 jQuery
centos 上快速搭建ghost博客方法分享
2018/05/23 Javascript
Angular 中使用 FineReport不显示报表直接打印预览
2019/08/21 Javascript
JS实现可视化音频效果的实例代码
2020/01/16 Javascript
python自定义类并使用的方法
2015/05/07 Python
Python运算符重载用法实例
2015/05/28 Python
Ruby使用eventmachine为HTTP服务器添加文件下载功能
2016/04/20 Python
对比Python中__getattr__和 __getattribute__获取属性的用法
2016/06/21 Python
python自带的http模块详解
2016/11/06 Python
Python编程实现的简单Web服务器示例
2017/06/22 Python
Python的SimpleHTTPServer模块用处及使用方法简介
2018/01/22 Python
Python远程视频监控程序的实例代码
2019/05/05 Python
解决win7操作系统Python3.7.1安装后启动提示缺少.dll文件问题
2019/07/15 Python
Python利用matplotlib绘制散点图的新手教程
2020/11/05 Python
利用CSS3伪元素实现逐渐发光的方格边框
2017/05/07 HTML / CSS
CSS3解析抖音LOGO制作的方法步骤
2019/04/11 HTML / CSS
台湾最大网路书店:博客来
2018/03/18 全球购物
全球最受追捧的运动服品牌领先数字目的地:Stylerunner
2020/11/25 全球购物
神路信息Java面试题目
2013/03/31 面试题
介绍一下MYSQL常用的优化技巧
2012/10/25 面试题
毕业生工作求职信
2014/06/30 职场文书
党的群众路线教育实践活动督导组工作情况汇报
2014/10/28 职场文书