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 相关文章推荐
javascript中的对象和数组的应用技巧
Jan 07 Javascript
用正则xmlHttp实现的偷(转)
Jan 22 Javascript
js对象继承之原型链继承实例
Jan 10 Javascript
JavaScript使用pop方法移除数组最后一个元素用法实例
Apr 06 Javascript
jquery获取多个checkbox的值异步提交给php
Jul 07 Javascript
JS实现的页面自定义滚动条效果
Oct 26 Javascript
json传值以及ajax接收详解
May 24 Javascript
JavaScript函数节流的两种写法
Apr 07 Javascript
详解如何在vue项目中引入elementUI组件
Feb 11 Javascript
ES6 fetch函数与后台交互实现
Nov 14 Javascript
微信小程序 授权登录详解(附完整源码)
Aug 23 Javascript
微信小程序实现锚点功能
Nov 20 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执行速度全攻略(上)
2006/10/09 PHP
php 操作符与控制结构
2012/03/07 PHP
php获取文件名后缀常用方法小结
2015/02/24 PHP
php封装的连接Mysql类及用法分析
2015/12/10 PHP
PHP连接数据库实现注册页面的增删改查操作
2016/03/27 PHP
php for 循环使用的简单实例
2016/06/02 PHP
php swoole多进程/多线程用法示例【基于php7nts版】
2019/08/12 PHP
(JS实现)MapBar中坐标的加密和解密的脚本
2007/05/16 Javascript
javascript 数组的方法集合
2008/06/05 Javascript
javascript与CSS复习(三)
2010/06/29 Javascript
jquery键盘事件介绍
2011/01/31 Javascript
Jquery css函数用法(判断标签是否拥有某属性)
2011/05/28 Javascript
VS2008中使用JavaScript调用WebServices
2014/12/18 Javascript
jQuery中after()方法用法实例
2014/12/25 Javascript
Java中Timer的用法详解
2015/10/21 Javascript
JavaScript设计模式之模板方法模式原理与用法示例
2018/08/07 Javascript
jQuery实现的别踩白块小游戏完整示例
2019/01/07 jQuery
关于vue的npm run dev和npm run build的区别介绍
2019/01/14 Javascript
如何用JavaScript实现功能齐全的单链表详解
2019/02/11 Javascript
JavaScript实现简单进度条效果
2020/03/25 Javascript
[02:36]DOTA2混沌骑士 英雄基础教程
2013/11/26 DOTA
Python使用redis pool的一种单例实现方式
2016/04/16 Python
python3批量删除豆瓣分组下的好友的实现代码
2016/06/07 Python
python3学习之Splash的安装与实例教程
2018/07/09 Python
浅谈pytorch和Numpy的区别以及相互转换方法
2018/07/26 Python
python 异或加密字符串的实例
2018/10/14 Python
基于Django ORM、一对一、一对多、多对多的全面讲解
2019/07/26 Python
python框架flask入门之环境搭建及开启调试
2020/06/07 Python
HTML5添加鼠标悬浮音响效果不使用FLASH
2014/04/23 HTML / CSS
使用HTML和CSS实现的标签云效果(附demo)
2021/02/03 HTML / CSS
本科毕业生自我鉴定
2013/11/02 职场文书
《鞋匠的儿子》教学反思
2014/03/02 职场文书
优秀共产党员演讲稿
2014/09/04 职场文书
就业意向协议书
2015/01/29 职场文书
2015年全国爱眼日活动方案
2015/05/05 职场文书
vmware虚拟机打不开vmx文件怎么办 ?vmware虚拟机vmx文件打开方法
2022/04/08 数码科技