a标签href属性与onclick事件应该如何使用

这次给大家带来a标签href属性与onclickonclick应该如何使用,使用a标签href属性与onclick事件的onclick有哪些,下面就是实战案例,一起来看一下。

a标签主要用来实现页面跳转,可以通过href属性实现,也可以在onclick事件里实现。

PHP中文网

登录后复制登录后复制

这段代码在主流浏览器里都没问题,但在IE6下会出现不能跳转的问题。这究竟是什么原因呢?

javascript:void(0);

void(arg);可以理解为永远返回null的函数,但是其参数不能为空。其参数可以为任意的onclick甚至函数。

测试

登录后复制

测试

IE6先运行DOM本身绑定的事件,如onclick;如果没有阻止冒泡,则会顺序执行href属性。而void(0);正是不需要执行任何事件,则IE6告诉浏览器不执行任何事件(覆盖之前的动作),并且终止冒泡相当于return false;于是浏览器没有执行任何动作。所以只要在onclick事件内阻止冒泡事件即可。

PHP中文网

登录后复制登录后复制

这样在IE6下就可以正常运行了。

另外还有一种方法就是不onclick:void(0);而改使用#也可以避免,href属性内的#本来的意思就是onclick#name所以当不指定任何锚点时会到页面顶端。#是有特定意义的,默认是#top,如果#后有内容会被认为是一个标签而从页面找到相应标签跳转到该处,找不到会跳转到页首,如果不想让跳转,可以使用###,###就是一个无意义的标签指定。

相信看了这些案例你已经掌握了方法,更多精彩请关注【创想鸟】其它相关文章!

相关阅读:

onclick

onclick

onclick

以上就是a标签href属性与onclick事件应该如何使用的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/3087155.html

(0)
上一篇 2025年3月28日 07:58:04
下一篇 2025年3月28日 07:58:14

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • jQuery实现响应滚动条事件功能方法

    本文主要介绍jquery响应滚动条事件功能,可实现针对滚动条状态的实时计算与响应功能,具有一定参考借鉴价值,需要的朋友可以参考下,希望能帮助到大家。 nbsp;html PUBLIC “-//W3C//DTD XHTML 1.0 Trans…

    编程技术 2025年4月4日
    100
  • ThinkPHP6事件与钩子使用指南:实现触发与监听

    ThinkPHP6事件与钩子使用指南:实现触发与监听 概述在开发过程中,我们经常需要处理一些事件,比如在用户注册成功后发送邮件提醒,或者在商品下架后更新缓存等等。为了更好地管理这些事件,ThinkPHP6 提供了事件与钩子机制,使得事件的触…

    2025年4月2日
    200
  • Vue中如何使用v-on绑定事件的缩写

    vue.js是一款流行的用于构建用户界面的javascript框架。使用vue.js可以轻松驾驭一个复杂的应用程序,同时也可以让我们更好地组织和管理代码。vue.js提供了很多便捷的功能来简化我们的开发,其中之一就是v-on指令的缩写。 在…

    编程技术 2025年4月1日
    100
  • Vue文档中的input框绑定事件详解

    vue.js是一种轻量级的javascript框架,具有易用、高效和灵活的特点,是目前广受欢迎的前端框架之一。在vue.js中,input框绑定事件是一个十分常见的需求,本文将详细介绍vue文档中的input框绑定事件。 一、基础概念 在V…

    编程技术 2025年4月1日
    100
  • Photoshop制作动画教程(1)初识动画

      动画形成原理是因为人眼有视觉暂留的特性,所谓视觉暂留就是在看到一个物体后,即时该物体快速消失,也还是会在眼中留下一定时间的持续影像,这在物体较为明亮的情况下尤为明显。最常见的就是夜晚拍照时使用闪光灯,虽然闪光灯早已熄灭,但被摄者眼中还是…

    编程技术 2025年4月1日
    100
  • Photoshop CS3教程:如何制作动画

     动画形成原理是因为人眼有视觉暂留的特性,所谓视觉暂留就是在看到一个物体后,即时该物体快速消失,也还是会在眼中留下一定时间的持续影像,这在物体较为明亮的情况下尤为明显。最常见的就是夜晚拍照时使用闪光灯,虽然闪光灯早已熄灭,但被摄者眼中还是会…

    2025年4月1日 编程技术
    100
  • Photoshop CS3教程:时间轴制作动画

      通过前面的课程,我们已经学会了利用关键帧过渡,以及利用独立图层这两种制作动画的方式。它们可以用来制作一些简单的单物体动画,在很长一段时间内也是photoshop唯一的动画制作方式。今天我们要学习一种新的利用时间轴制作动画的方式。时间轴方…

    2025年4月1日 编程技术
    200
  • Photoshop CS3教程:时间轴动画实例

    Photoshop CS3教程:时间轴制作动画  现在我们正式开始利用时间轴来制作动画,这与我们之前的帧式动画有很大不同,但相比之下时间轴方式来的更直观和简便,也是我们以后最主要的制作方式。  接着上一课的内容,开始设定“悄然来去”的动画。…

    2025年4月1日 编程技术
    200
  • 必须了解的phonegap常用事件

    下面小编就为大家带来一篇phonegap常用事件总结(必看篇)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧 在任何PhoneGap项目中,首先应该侦听deviceready事件。事件触发表示DOM已经加载和…

    编程技术 2025年4月1日
    400
  • phonegap侦听deviceready事件触发后的其他事件

    下面小编就为大家带来一篇phonegap常用事件总结(必看篇)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧 在任何PhoneGap项目中,首先应该侦听deviceready事件。事件触发表示DOM已经加载和…

    编程技术 2025年4月1日
    200

发表回复

登录后才能评论