JS中如何实现点击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="#">点击</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标签返回页面顶部的问题,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对我们网站的支持!
相关推荐
-
使用JS或jQuery模拟鼠标点击a标签事件代码
复制代码 代码如下: <a id="alink" href="abc.aspx" style="visibility: hidden;">下一步</a> $("#alink").click(); // 触发了a标签的点击事件,但是没有触发页面跳转 document.getElementById("alink").click(); //既触发了a标签的点击事件,又触发了页面跳转 把 &
-
Js实现当前点击a标签变色突出显示其他a标签回复原色
当一个页面有多个a标签,且点击后会跳转至当前页面,如何实现被点击标签变色突出显示,其他标签回复原色呢? 利用JS可实现: 假设当前页面是"1.aspx" 1. 给a标签ID设值: 复制代码 代码如下: <a href="1.aspx?id=1" id="1" target="_parent">""</a> <a href="1.aspx?id=2" id=&
-
a标签置灰不可点击的实现方法
a标签的title属性可以实现鼠标放上去显示信息的功能 <a title="编辑" href ="javascript:return false;" onclick="return false;" style="cursor: default;"><i class="edit" style="opacity: 0.2"></i></a>
-
js 点击a标签 获取a的自定义属性方法
今天项目上遇到一个问题,需要在点击a标签时,将完整的内容显示出来 原先是想用jquery的click方法 <a ownattr="--" onClick="showDetail(this)">哈哈</a> 在jquery的click方法中将this的ownattr属性赋值给完整内容的div标签 然而这却一直行不通 一阵研究后发现,原来项目框架是用jquery ajax获取后台列表信息的,页面在执行到click方法时,ajax还没完成 随后决定
-
IE6下通过a标签点击切换图片的问题
不过, 国内大部分用户还是在用IE6. IE6下通过a标签的onclick事件切换某个图片时, 有可能出现图片无法加载问题, httpwatch抓取表现结果是abort. 测试了一下,找到了解决办法. a标签事件一般情况是这样写的, 也可能是绑定事件, 解决方式一样: 1. <a href="javascript://" onclick="dosomething()">a1</a> 2. <a href="javascript
-
JS 实现点击a标签的时候让其背景更换
复制代码 代码如下: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <script type=text/javascript src="alabel.js"></script> <style type=&q
-
js a标签点击事件
当我们在处理a标签上的点击事件时发现即使href=""里面为空,点击事件的效果也不明显,这种情况该如何处理呢?常见的处理方法有以下几种: 1.a href="javascript:void(0);" rel="external nofollow" onclick="method()" 这种方法是比较最常用的方法,也是最周全的方法,onclick方法负责执行js函数,而void是一个操作符,void(0)返回undefined,
-
JS中如何实现点击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=&quo
-
js中class的点击事件没有效果的解决方法
如下所示: $(".xx").clcik(function(){····}); 本来不用js生成类,是有点击效果的一但js里写,就没有点击效果了,如下: 做如下修改即可,监听document 以上就是小编为大家带来的js中class的点击事件没有效果的解决方法全部内容了,希望大家多多支持我们~
-
js中一个函数获取另一个函数返回值问题探讨
复制代码 代码如下: //此种为异步,还不等ajax赋完值,函数就return了. function getCaseInfoForMap(){ var formInfo=$("#firstForm").serialize(); var dd; $.ajax({ type:"post", url:"<%=path %>/webmodule/constructionDecision/WjInfo/getCaseInfoForMap.do?timeT
-
js中el表达式的使用和非空判断方法
注意,这里想说的不是jsp里面嵌套的el表达式的使用,而是在js中使用. 场景: 页面跳转后,使用spring mvc向前端页面传过来一个json对象,要在js中获取后,做处理. 返回的json对象: {"nodes":[{"contactmobile":"15922208502","orderno":"XNH31918062989476864"},{"id":"12198&q
-
在JS中a标签加入单击事件屏蔽href跳转页面
我们常用的在a标签中有点击事件: 1. a href="JavaScript:js_method();" 这是我们平台上常用的方法,但是这种方法在传递this等参数的时候很容易出问题,而且javascript:协议作为a的href属性的时候不仅会导致不必要的触发window.onbeforeunload事件,在IE里面更会使gif动画图片停止播放.W3C标准不推荐在href里面执行javascript语句 2. a href="javascript:void(0);"
-
如何在Vue.js中实现标签页组件详解
前言 标签页组件,即实现选项卡切换,常用于平级内容的收纳与展示. 因为每个标签页的内容是由使用组件的父级控制的,即这部分内容为一个 slot.所以一般的设计方案是,在 slot 中定义多个 div,然后在接到切换消息时,再显示或隐藏相关的 div.这里面就把相关的交互逻辑也编写进来了,我们希望在组件中处理这些交互逻辑,slot 只单纯处理业务逻辑.这可以通过再定义一个 pane 组件来实现,pane 组件嵌在 tabs 组件中. 1 基础版 因为 tabs 组件中的标题是在 pane 组件中定义
-
JS中锚点链接点击平滑滚动并自由调整到顶部位置
锚点链接点击平滑滚动并自由调整到顶部的位置 一.添加锚点 注意a标签用的nacTo 而不是href: <ul> <li><a class="anchor" navTo="one">目标选择</a></li> <li><a class="anchor" navTo="two">目标客户</a></li> <li>
随机推荐
- 利用jquery实现瀑布流3种案例
- Apache默认是不支持SSI如何给Apache增加SSI支持
- javaweb实战之商城项目开发(三)
- java中数组的相关知识小结(推荐)
- 修改php.ini以达到屏蔽错误信息并记录日志
- 微信网页授权(OAuth2.0) PHP 源码简单实现
- JS解决url传值出现中文乱码的另类办法
- Python编程实现数学运算求一元二次方程的实根算法示例
- android使用AsyncTask实现多线程下载实例
- PHP的cURL库功能简介 抓取网页、POST数据及其他
- 浅析Bootstrap组件之面板组件
- php面向对象中static静态属性和静态方法的调用
- linux系统mysql自动备份并使用ftp上传的方法
- Linux rpm命令参数使用大全(经典)
- 基于NodeJS的前后端分离的思考与实践(六)Nginx + Node.js + Java 的软件栈部署实践
- jQuery实现右键菜单、遮罩等效果代码
- JavaScript实现动态添加,删除行的方法实例详解
- VFP与其他应用程序的集成
- Python内置函数——__import__ 的使用方法
- Python 实现一行输入多个值的方法