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浮动DIV提示信息并自动隐藏的代码
Aug 29 Javascript
Javascript实现DIV滚动自动滚动到底部的代码
Mar 01 Javascript
JS打开图片另存为对话框实现代码
Dec 26 Javascript
js多级树形弹出一个小窗口层(非常好用)实例代码
Mar 19 Javascript
Javascript模拟加速运动与减速运动代码分享
Dec 11 Javascript
js实现浮动在网页右侧的简洁QQ在线客服代码
Sep 04 Javascript
JavaScript数据结构与算法之链表
Jan 29 Javascript
有关jQuery中parent()和siblings()的小问题
Jun 01 Javascript
简单谈谈ES6的六个小特性
Nov 18 Javascript
jQuery插件zTree实现更新根节点中第i个节点名称的方法示例
Mar 08 Javascript
spirngmvc js传递复杂json参数到controller的实例
Mar 29 Javascript
每天学点Vue源码之vm.$mount挂载函数
Mar 11 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脚本的10个技巧(4)
2006/10/09 PHP
了解Joomla 这款来自国外的php网站管理系统
2010/03/11 PHP
PHP获取Exif缩略图的方法
2015/07/13 PHP
WordPress中给文章添加自定义字段及后台编辑功能区域
2015/12/19 PHP
Laravel框架实现redis集群的方法分析
2017/09/14 PHP
控制打印时页眉角的代码
2007/02/08 Javascript
js 调整select 位置的函数
2008/02/21 Javascript
该如何加载google-analytics(或其他第三方)的JS
2010/05/13 Javascript
window.open以post方式将内容提交到新窗口
2012/12/26 Javascript
javascript删除option选项的多种方法总结
2013/11/22 Javascript
JavaScript判断表单提交时哪个radio按钮被选中的方法
2015/03/21 Javascript
jquery实现倒计时效果
2015/12/14 Javascript
javascript 用函数实现继承详解
2016/05/28 Javascript
JS框架之vue.js(深入三:组件1)
2016/09/29 Javascript
Vue.js第四天学习笔记(组件)
2016/12/02 Javascript
canvas轨迹回放功能实现
2017/12/20 Javascript
详解vue为什么要求组件模板只能有一个根元素
2019/07/22 Javascript
vue项目如何监听localStorage或sessionStorage的变化
2021/01/04 Vue.js
使用go和python递归删除.ds store文件的方法
2014/01/22 Python
解决windows下Sublime Text 2 运行 PyQt 不显示的方法分享
2014/06/18 Python
python使用Flask框架获取用户IP地址的方法
2015/03/21 Python
对web.py设置favicon.ico的方法详解
2018/12/04 Python
利用python和ffmpeg 批量将其他图片转换为.yuv格式的方法
2019/01/08 Python
python 图片二值化处理(处理后为纯黑白的图片)
2019/11/01 Python
python 并发下载器实现方法示例
2019/11/22 Python
Django中使用Json返回数据的实现方法
2020/06/03 Python
10个很棒的 CSS3 开发工具 推荐
2011/05/16 HTML / CSS
Urban Outfitters英国官网:美国平价服饰品牌
2016/11/25 全球购物
Dogeared官网:在美国手工制作的珠宝
2019/08/24 全球购物
研讨会主持词
2014/04/02 职场文书
文明寝室申报材料
2014/05/12 职场文书
检讨书范文300字
2015/01/28 职场文书
公司周年庆典致辞
2015/07/30 职场文书
保外就医申请书范文
2015/08/06 职场文书
java如何实现socket连接方法封装
2021/09/25 Java/Android
Django框架中表单的用法
2022/06/10 Python