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 相关文章推荐
jBox 2.3基于jquery的最新多功能对话框插件 常见使用问题解答
Nov 10 Javascript
如何将一个String和多个String值进行比较思路分析
Apr 22 Javascript
JavaScript异步编程Promise模式的6个特性
Apr 03 Javascript
node.js中的Socket.IO使用实例
Nov 04 Javascript
简介JavaScript中Math.LOG10E属性的使用
Jun 14 Javascript
利用nginx + node在阿里云部署https的步骤详解
Dec 19 Javascript
jQuery实现简单复制json对象和json对象集合操作示例
Jul 09 jQuery
微信小程序倒计时功能实例代码
Jul 17 Javascript
vue防止花括号{{}}闪烁v-text和v-html、v-cloak用法示例
Mar 13 Javascript
vue中引入mxGraph的步骤详解
May 17 Javascript
vue项目,代码提交至码云,iconfont的用法说明
Jul 30 Javascript
Vue3 Composition API的使用简介
Mar 29 Vue.js
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
AMFPHP php远程调用(RPC, Remote Procedure Call)工具 快速入门教程
2010/05/10 PHP
PHP下常用正则表达式整理
2010/10/26 PHP
php中DOMDocument简单用法示例代码(XML创建、添加、删除、修改)
2010/12/19 PHP
PHP获取表单所有复选框的值的方法
2014/08/28 PHP
PHP简单获取多个checkbox值的方法
2016/06/13 PHP
Laravel5.* 打印出执行的sql语句的方法
2017/07/24 PHP
Laravel Validator 实现两个或多个字段联合索引唯一
2019/05/08 PHP
javascript进行四舍五入方法汇总
2014/12/16 Javascript
Javascript中arguments和arguments.callee的区别浅析
2015/04/24 Javascript
浅谈jQuery页面的滚动位置scrollTop、scrollLeft
2015/05/19 Javascript
jQuery隐藏和显示效果实现
2016/04/06 Javascript
浅析location.href跨窗口调用函数
2016/11/22 Javascript
原生javascript移动端滑动banner效果
2017/03/10 Javascript
javascript过滤数组重复元素的实现方法
2017/05/03 Javascript
js实现图片懒加载效果
2017/07/17 Javascript
详解ES6中的代理模式——Proxy
2018/01/08 Javascript
Vue项目分环境打包的实现步骤
2018/04/02 Javascript
在create-react-app中使用css modules的示例代码
2018/07/31 Javascript
微信小程序数据统计和错误统计的实现方法
2019/06/26 Javascript
json 带斜杠时如何解析的实现
2019/08/12 Javascript
vue路由切换时取消之前的所有请求操作
2020/09/01 Javascript
Python中使用hashlib模块处理算法的教程
2015/04/28 Python
python中黄金分割法实现方法
2015/05/06 Python
Scrapy爬虫实例讲解_校花网
2017/10/23 Python
Python numpy生成矩阵、串联矩阵代码分享
2017/12/04 Python
Python读取Json字典写入Excel表格的方法
2018/01/03 Python
python机器学习之神经网络实现
2018/10/13 Python
canvas压缩图片以及卡片制作的方法示例
2018/12/04 HTML / CSS
使用canvas压缩图片大小的方法示例
2019/08/02 HTML / CSS
Ann Taylor官方网站:美国最大的女性产品制造商之一
2016/09/14 全球购物
程序集与命名空间有什么不同
2014/07/25 面试题
2014年车间主任工作总结
2014/12/10 职场文书
入团介绍人意见范文
2015/06/04 职场文书
机关单位2016年法制宣传日活动总结
2016/04/01 职场文书
Mysql - 常用函数 每天积极向上
2021/04/05 MySQL
javascript的setTimeout()使用方法总结
2021/11/20 Javascript