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 相关文章推荐
学习YUI.Ext第五日--做拖放Darg&amp;Drop
Mar 10 Javascript
jValidate 基于jQuery的表单验证插件
Dec 12 Javascript
jqGrid jQuery 表格插件测试代码
Aug 23 Javascript
javascript中对Attr(dom中属性)的操作示例讲解
Dec 02 Javascript
JavaScript中的变量作用域介绍
Dec 31 Javascript
javascript实现捕捉键盘上按下的键
May 05 Javascript
详解jQuery中的元素的属性和相关操作
Aug 14 Javascript
Bootstrap导航条学习使用(一)
Feb 08 Javascript
微信小程序 参数传递实例代码
Mar 20 Javascript
Bootstrap实现可折叠分组侧边导航菜单
Mar 07 Javascript
解决前后端分离 vue+springboot 跨域 session+cookie失效问题
May 13 Javascript
5个你不知道的JavaScript字符串处理库(小结)
Jun 01 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
PHILIPS L4X25T电路分析和打理
2021/03/02 无线电
PHP 命名空间实例说明
2011/01/27 PHP
php在线代理转向代码
2012/05/05 PHP
ThinkPHP3.1新特性之Action参数绑定
2014/06/19 PHP
ThinkPHP3.1新特性之字段合法性检测详解
2014/06/19 PHP
php实现微信模拟登陆、获取用户列表及群发消息功能示例
2017/06/28 PHP
js数值和和字符串进行转换时可以对不同进制进行操作
2014/03/05 Javascript
JQuery 控制内容长度超出规定长度显示省略号
2014/05/23 Javascript
jQuery绑定事件不执行但alert后可以正常执行
2014/06/03 Javascript
JS实现跟随鼠标立体翻转图片的方法
2015/05/04 Javascript
javascript 中的事件委托详解
2016/10/25 Javascript
AngularJS表单提交实例详解
2017/02/18 Javascript
mongoose设置unique不生效问题的解决及如何移除unique的限制
2017/11/07 Javascript
ionic grid(栅格)九宫格制作详解
2018/06/30 Javascript
非常漂亮的js烟花效果
2020/03/10 Javascript
解决echarts图表使用v-show控制图表显示不全的问题
2020/07/19 Javascript
vue切换菜单取消未完成接口请求的案例
2020/11/13 Javascript
python 合并文件的具体实例
2013/08/08 Python
python中xrange和range的区别
2014/05/13 Python
Python生成任意范围任意精度的随机数方法
2018/04/09 Python
Python图像处理之图像的缩放、旋转与翻转实现方法示例
2019/01/04 Python
Python列表对象实现原理详解
2019/07/01 Python
pandas.DataFrame的pivot()和unstack()实现行转列
2019/07/06 Python
python使用pandas处理excel文件转为csv文件的方法示例
2019/07/18 Python
Python xpath表达式如何实现数据处理
2020/06/13 Python
Omio法国:全欧洲低价大巴、火车和航班搜索和比价
2017/11/13 全球购物
迪士尼法国在线商店:shopDisney FR
2020/12/03 全球购物
中级会计职业生涯规划范文
2014/01/16 职场文书
市三好学生主要事迹
2014/01/28 职场文书
CAD制图设计师自荐信
2014/01/29 职场文书
求职信需要的五点内容
2014/02/01 职场文书
精神文明单位申报材料
2014/05/02 职场文书
商务专员岗位职责范本
2014/06/29 职场文书
2014年市场部工作总结
2014/11/25 职场文书
家长意见书
2015/06/04 职场文书
晶体管来复再生式二管收音机
2021/04/22 无线电