a标签中href与onclick执行先后问题
2017-10-07 22:36
495 查看
a标签中href与onclick的执行先后关系是什么?先回答这个问题吧:onclick的执行顺序优于href顺序,执行完onclick才会执行href跳转。
今天做项目的时候遇到了一个问题:点击一个注销链接,需要执行一个logout的注销action,正常来说是这么写的:<a href="logout.html">注销</a> 但是这样写遇到了一个问题,就是点击注销之后执行了注销action,但是执行完这个action之后本来url应该是负责登录的。。。。/index.html但是实际上url却是。。。。/logout.html 对于一个强迫症来说,这是不可以接受的。所以我想了一会儿解决办法,最后决定利用onclick与href的执行先后顺序来实现跳转往正常的登录页面:
给a标签添加一个onclick事件再加上一个href:
<a href="logout.html" onclick="function(){window.location.href='index.html'}">
<!--先执行logout.html这个action 然后 跳转往登录主页 -->
这样就利用了onclick与href的执行先后顺序完成了这个需求。
今天做项目的时候遇到了一个问题:点击一个注销链接,需要执行一个logout的注销action,正常来说是这么写的:<a href="logout.html">注销</a> 但是这样写遇到了一个问题,就是点击注销之后执行了注销action,但是执行完这个action之后本来url应该是负责登录的。。。。/index.html但是实际上url却是。。。。/logout.html 对于一个强迫症来说,这是不可以接受的。所以我想了一会儿解决办法,最后决定利用onclick与href的执行先后顺序来实现跳转往正常的登录页面:
给a标签添加一个onclick事件再加上一个href:
<a href="logout.html" onclick="function(){window.location.href='index.html'}">
<!--先执行logout.html这个action 然后 跳转往登录主页 -->
这样就利用了onclick与href的执行先后顺序完成了这个需求。
相关文章推荐
- 关于a标签的onclick和href谁先执行的问题
- 关于a标签的onclick和href谁先执行的问题
- 关于a标签的onclick和href谁先执行的问题
- a标签href和onclick事件同时写导致的问题
- a标签的 onclick 和 href 哪个先执行?
- 关于a标签的onclick与href的执行顺序
- Html A标签中 href 和 onclick 同时使用的问题 优先级别
- a标签的href属性和onclick事件共同使用可能引发的问题
- ie6下a标签的onclick不执行问题
- IE6下A标签href和onclick同时存在时的问题
- <a>标签跳转和执行js函数,href和onclick属性
- href javascript target onclick 执行顺序 浏览器兼容问题
- Html A标签中 href 和 onclick 同时使用的问题 优先级别
- <a>标签href属性和onclick()执行顺序及点击两次才跳转
- 关于a标签的onclick与href的执行顺序
- ie6下a标签的onclick事件不执行问题解决方案
- <a>标签href onclick属性区别,href属性的路径问题
- 关于a标签的onclick与href的执行顺序
- onclick与listeners的执行先后问题
- a标签的onclick与href的执行顺序