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 相关文章推荐
阻止子元素继承父元素事件具体思路及实现
May 02 Javascript
提取jquery的ready()方法单独使用示例
Mar 25 Javascript
修改或扩展jQuery原生方法的代码实例
Jan 13 Javascript
js实现文字无缝向上滚动
Feb 16 Javascript
javascript回调函数的概念理解与用法分析
May 27 Javascript
前端构建工具之gulp的语法教程
Jun 12 Javascript
基于vue cli 通过命令行传参实现多环境配置
Jul 12 Javascript
vue中$refs, $emit, $on, $once, $off的使用详解
May 26 Javascript
el-select 下拉框多选实现全选的实现
Aug 02 Javascript
JS替换字符串中指定位置的字符(多种方法)
May 28 Javascript
Vue环境搭建+VSCode+Win10的详细教程
Aug 19 Javascript
关于React Native 无法链接模拟器的问题
Jun 21 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
PHP5.3安装Zend Guard Loader图文教程
2014/09/29 PHP
tp5 sum某个字段相加得到总数的例子
2019/10/18 PHP
JavaScript入门教程(3) js面向对象
2009/01/31 Javascript
基于jQuery的输入框在光标位置插入内容, 并选中
2011/10/29 Javascript
jquery简单瀑布流实现原理及ie8下测试代码
2013/01/23 Javascript
jQuery中index()方法用法实例
2014/12/27 Javascript
js分页工具实例
2015/01/28 Javascript
JavaScript实现倒计时代码段Item1(非常实用)
2015/11/03 Javascript
AngularJS中如何使用$http对MongoLab数据表进行增删改查
2016/01/23 Javascript
Vue 仿百度搜索功能实现代码
2017/02/16 Javascript
Vue实战之vue登录验证的实现代码
2017/10/31 Javascript
Vue SPA单页应用首屏优化实践
2018/06/28 Javascript
json前后端数据交互相关代码
2018/09/19 Javascript
详解如何在vue项目中使用lodop打印插件
2018/09/27 Javascript
实例分析Array.from(arr)与[...arr]到底有何不同
2019/04/09 Javascript
three.js利用卷积法如何实现物体描边效果
2019/11/27 Javascript
VUE 直接通过JS 修改html对象的值导致没有更新到数据中解决方法分析
2019/12/02 Javascript
js 动态校验开始结束时间的实现代码
2020/05/25 Javascript
微信小程序实现底部弹出模态框
2020/11/18 Javascript
Python的垃圾回收机制深入分析
2014/07/16 Python
python结合opencv实现人脸检测与跟踪
2015/06/08 Python
python实现解数独程序代码
2017/04/12 Python
python 简单的绘图工具turtle使用详解
2017/06/21 Python
python3获取当前文件的上一级目录实例
2018/04/26 Python
关于Python的一些学习总结
2018/05/25 Python
Python随机生成身份证号码及校验功能
2018/12/04 Python
python爬虫中多线程的使用详解
2019/09/23 Python
kafka-python 获取topic lag值方式
2019/12/23 Python
tensorflow之自定义神经网络层实例
2020/02/07 Python
Python 实现黑客帝国中的字符雨的示例代码
2020/02/20 Python
什么是python的自省
2020/06/21 Python
Python pysnmp使用方法及代码实例
2020/08/24 Python
用60行代码实现Python自动抢微信红包
2021/02/04 Python
EGO Shoes美国/加拿大:英国时髦鞋类品牌
2018/08/04 全球购物
SheIn沙特阿拉伯:女装在线
2020/03/23 全球购物
高中毕业自我鉴定
2013/12/16 职场文书