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重写windows.alert方法实现思路
Apr 03 Javascript
JS+DIV实现鼠标划过切换层效果的实例代码
Nov 26 Javascript
node.js中的fs.unlink方法使用说明
Dec 15 Javascript
AngularJS的表单使用详解
Jun 17 Javascript
自定义require函数让浏览器按需加载Js文件
Nov 24 Javascript
JavaScript实现经典排序算法之冒泡排序
Dec 28 Javascript
Javascript ES6中数据类型Symbol的使用详解
May 02 Javascript
Angular2使用jQuery的方法教程
May 28 jQuery
React Native AsyncStorage本地存储工具类
Oct 24 Javascript
bootstrap table合并行数据并居中对齐效果
Oct 17 Javascript
用WebStorm进行Angularjs 2开发(环境篇:Windows 10,Angular-cli方式)
Dec 05 Javascript
详解jQuery如何实现模糊搜索
May 10 jQuery
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 stristr() 函数(不区分大小写的字符串查找)
2010/06/03 PHP
php数组函数序列之in_array() 查找数组值是否存在
2011/10/29 PHP
鸡肋的PHP单例模式应用详解
2013/06/03 PHP
Yii+upload实现AJAX上传图片的方法
2016/07/13 PHP
PHP 闭包详解及实例代码
2016/09/28 PHP
查询绑定数据岛的表格中的文本并修改显示方式的js代码
2009/12/15 Javascript
Jquery实现仿新浪微博获取文本框能输入的字数代码
2013/02/22 Javascript
js实现精美的图片跟随鼠标效果实例
2015/05/16 Javascript
Treegrid的动态加载实例代码
2016/04/29 Javascript
js 创建对象 经典模式全面了解
2016/08/16 Javascript
最实用的jQuery分页插件
2016/10/09 Javascript
node.js入门学习之url模块
2017/02/25 Javascript
vue awesome swiper异步加载数据出现的bug问题
2018/07/03 Javascript
Vue 3.x+axios跨域方案的踩坑指南
2019/07/04 Javascript
在Koa.js中实现文件上传的接口功能
2019/10/08 Javascript
简化Python的Django框架代码的一些示例
2015/04/20 Python
Python生成随机验证码的两种方法
2015/12/22 Python
Python 40行代码实现人脸识别功能
2017/04/02 Python
Pycharm学习教程(4) Python解释器的相关配置
2017/05/03 Python
Python语言的变量认识及操作方法
2018/02/11 Python
使用50行Python代码从零开始实现一个AI平衡小游戏
2018/11/21 Python
Python 的字典(Dict)是如何存储的
2019/07/05 Python
使用Pandas将inf, nan转化成特定的值
2019/12/19 Python
Python filter过滤器原理及实例应用
2020/08/18 Python
python 两种方法删除空文件夹
2020/09/29 Python
美国批发零售网站:GearXS
2016/07/26 全球购物
丝芙兰新加坡官网:Sephora新加坡
2018/12/04 全球购物
秸秆管理实施方案
2014/03/15 职场文书
中班开学寄语
2014/04/04 职场文书
白血病捐款倡议书
2014/05/14 职场文书
返乡农民工证明
2015/06/24 职场文书
2016社区平安家庭事迹材料
2016/02/26 职场文书
如何用JavaScript检测当前浏览器是无头浏览器
2021/04/27 Javascript
Python基础之操作MySQL数据库
2021/05/06 Python
Redis入门教程详解
2021/08/30 Redis
世界十大动漫制作公司排行榜,迪士尼上榜,第二是美国代表性文化符
2022/03/18 欧美动漫