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实现的图片马赛克后显示并切换加文字功能
Apr 21 Javascript
JS 日期验证正则附asp日期格式化函数
Sep 11 Javascript
JS无限树状列表实现代码
Jan 11 Javascript
JS动态添加与删除select中的Option对象(示例代码)
Dec 25 Javascript
JavaScript分页功能的实现方法
Apr 25 Javascript
JS和css实现检测移动设备方向的变化并判断横竖屏幕
May 25 Javascript
javascript中this指向详解
Apr 23 Javascript
详解BootStrap中Affix控件的使用及保持布局的美观的方法
Jul 08 Javascript
jquery实现网站列表切换效果的2种方法
Aug 12 Javascript
JavaScrpt判断一个数是否是质数的实例代码
Jun 11 Javascript
初探Vue3.0 中的一大亮点Proxy的使用
Dec 06 Javascript
Node.js中Koa2在控制台输出请求日志的方法示例
May 02 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
了解Joomla 这款来自国外的php网站管理系统
2010/03/11 PHP
php抽象类用法实例分析
2015/07/07 PHP
ZendFramework框架实现连接两个或多个数据库的方法
2016/12/08 PHP
php写app接口并返回json数据的实例(分享)
2017/05/20 PHP
PHP SFTP实现上传下载功能
2017/07/26 PHP
QQ邮箱的一个文本编辑器代码
2007/03/14 Javascript
js加解密 脚本解密
2008/02/22 Javascript
js 单击式的下拉菜单效果实例
2013/08/13 Javascript
DOM基础教程之事件对象
2015/01/20 Javascript
javascript如何写热点图
2015/12/08 Javascript
Bootstrap Scrollspy源码学习
2017/03/02 Javascript
Angular2使用Augury来调试Angular2程序
2017/05/21 Javascript
让bootstrap的carousel支持滑动滚屏的实现代码
2017/11/27 Javascript
vue框架搭建之axios使用教程
2018/07/11 Javascript
vue最简单的前后端交互示例详解
2018/10/11 Javascript
vue模式history下在iis中配置流程
2019/04/17 Javascript
vue-cli3项目展示本地Markdown文件的方法
2019/06/07 Javascript
发布你的Python模块详解
2016/09/15 Python
解决Python requests库编码 socks5代理的问题
2018/05/07 Python
selenium在执行phantomjs的API并获取执行结果的方法
2018/12/17 Python
解决Python 使用h5py加载文件,看不到keys()的问题
2019/02/08 Python
python面试题小结附答案实例代码
2019/04/11 Python
Django Form常用功能及代码示例
2020/10/13 Python
办公室文秘自我评价
2013/09/21 职场文书
自我鉴定 电子商务专业
2014/01/30 职场文书
考试没考好检讨书
2014/01/31 职场文书
大学迎新晚会主持词
2014/03/24 职场文书
酒店管理求职信范文
2014/04/06 职场文书
电话客服专员岗位职责
2014/06/28 职场文书
承兑汇票转让证明怎么写?
2014/11/30 职场文书
放弃遗产继承公证书
2015/01/26 职场文书
小学教师教学反思
2016/02/24 职场文书
大学生奶茶店创业计划书
2019/06/25 职场文书
CSS完成视差滚动效果
2021/04/27 HTML / CSS
Python自动化之批量处理工作簿和工作表
2021/06/03 Python
SQL Server中锁的用法
2022/05/20 SQL Server