怎样使用a标签的href属性与onclick事件

这次给大家带来怎样使用a标签href属性与onclick事件,使用a标签的href属性与onclick事件的注意事项有哪些,下面就是实战案例,一起来看一下。

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

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

javascript:void(0);

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

测试

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

代码如下:

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

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

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

相关阅读:

HTML的cellpadding属性与cellspacing属性应该如何使用

HTML中head头结构应该如何使用

在HTML中disabled与readonly的有什么不同之处?

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

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

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年12月21日 17:17:07
下一篇 2025年12月21日 13:37:53

相关推荐

  • HTML的meta标签用法总结

    meta标签在html中很重要,本文我们将介绍html的meta标签用法总结,希望能帮助到大家大家。 什么是mata标签 元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。 标签位于文档的头部,不包含任何内容。 标签的属性定义了与文档相关联的名…

    好文分享 2025年12月21日
    000
  • 在html中,如何用style添加属性

    这次给大家带来在html中,如何用style添加属性,在html中用style添加属性的注意事项有哪些,下面就是实战案例,一起来看一下。 在需要的连接添加行内样式: 代码如下: 30 相信看了这些案例你已经掌握了方法,更多精彩请关注创想鸟其它相关文章! 相关阅读: 立即学习“前端免费学习笔记(深入)…

    好文分享 2025年12月21日
    000
  • html如何使用title属性让鼠标悬停来显示文字

    这次给大家带来html如何使用title属性让鼠标悬停来显示文字,html使用title属性让鼠标悬停来显示文字的注意事项有哪些,下面就是实战案例,一起来看一下。 hello 当鼠标悬停在 hello上一回就会有文字 这里是显示的文字 显示。  相信看了这些案例你已经掌握了方法,更多精彩请关注创想鸟…

    好文分享 2025年12月21日
    000
  • 在HTML/XHTML中的img图像标签应该如何使用

    这次给大家带来在html/xhtml中的img图像标签应该如何使用,在html/xhtml中使用img图像标签的注意事项有哪些,下面就是实战案例,一起来看一下。 图像标签用于在网页里显示一副图像。HTML/XHTML 图像 标签在 XHTML 中,通过 标签来定义显示一副图像。是一个非成对标签。 基…

    好文分享 2025年12月21日
    000
  • 在XHTML中的标题标签与段落标签有哪些使用方法

    这次给大家带来在xhtml中的标题标签与段落标签有哪些使用方法,在xhtml中使用标题标签与段落标签的注意事项有哪些,下面就是实战案例,一起来看一下。 XHTML 标题概述我们在撰写 Word 文档的时候,常常会使用标题,如 “第一章”、“1.2.1” 等。在 XHTML 语法中也有标题这个概念。 …

    好文分享 2025年12月21日
    000
  • XHTML中有哪些常用的标签

    这次给大家带来xhtml中有哪些常用的标签,xhtml中使用常用标签的注意事项有哪些,下面就是实战案例,一起来看一下。 什么是 XHTML 标签?XHTML 标签元素是 XHTML 文档的基本组成部分。XHTML 标签可以理解为是 XHTML 语言用于定义描述 XHTML 文档 “这是什么,那是什么…

    好文分享 2025年12月21日
    000
  • HTMLa标签的href属性指定相对路径与绝对路径使用方法

    这次给大家带来htmla标签的href属性指定相对路径与绝对路径使用方法,使用htmla标签的href属性指定相对路径与绝对路径使用方法的注意事项有哪些,下面就是实战案例,一起来看一下。 在实际Web开发中,插入图片、包含CSS文件等都需要有路径,如果文件路径的添加错误,就会导致引用失效(无法浏览链…

    好文分享 2025年12月21日
    000
  • html块级标签,行内标签,行内块标签的显示模式有哪些

    这次给大家带来html块级标签,行内标签,行内块标签的显示模式有哪些,使用html块级标签,行内标签,行内块标签显示模式的注意事项有哪些,下面就是实战案例,一起来看一下。 今天讲课的时候,讲到了html中的标签的显示模式,大致分为块级标签和行内标签。那么初学者在刚使用标签的时候会发现有些属性在一些标…

    好文分享 2025年12月21日
    000
  • html中频繁用的标签总结

    这次给大家带来html中频繁用的标签总结,哪些是html中频繁用的标签,下面就是实战案例,一起来看一下。 内容详细标签: ~ 标题标签 格式化文本下划线(underline)斜体字(italics)引用,通常为斜体强调文本通常为斜体加重文本,通常为黑体设置字体、字体大小、颜色等字体变大和字体变小加删…

    好文分享 2025年12月21日
    000
  • Dreamweaver怎么使用标签及代码设计表格?_Dreamweaver教程_网页制作

    dreamweaver怎么使用标签及代码设计表格?dreamweaver中可以直接绘制表格,也可以通过标签和代码来制作表格,下面我们就来看看详细的教程,对dreamweaver感兴趣的的朋友可以参考下 Dreamweaver中想要画表格,该怎么通过标签和代码来制作表格呢?下面我们就来看看详细的教程。…

    2025年12月21日 好文分享
    000
  • html img标签的使用

    本文详细讲解了html中的图片标签的多种使用功能,在一个html页面中图片肯定是少不了的,html的img标签也很简单很好掌握的,我们一起来看看吧! img显示本地图片使用的是相对路径 如: @@##@@ 开发技巧:在实际开发中,一般会在项目目录下创建一个imgs文件夹,将图片资源都放在里面,方便开…

    2025年12月21日
    000
  • 怎么选择合适的HTML标签

    在divcss布局时会遇到一个问题,那就是如何选择html标签布局,但对于非新手csser来说非常简单,但对于刚刚学习或刚刚入手css制作来说却是一个无形问题。那么我们今天就来归纳一下,什么情况下用什么标签。 我们在布局的时候总是会遇到各种各样的问题,那么这里大家简单介绍如何选择HTML标签: 1、…

    好文分享 2025年12月21日
    000
  • HTML5 标签怎么用

    这次我们来说一下对h5的footer标签,nav的基本语法和结构,nav配合什么标签使用,在什么情况下可以使用,帮助大家快速理解nav。 首先nav也是在html5中新增的元素标签。同时和其它新增标签一样,nav在传统html5以前版本Html布局中作为导航条相关常用命名来使用。 比如: 网站导航内…

    好文分享 2025年12月21日
    000
  • 怎么知道DIV设置什么CSS属性样式?

    怎么知道div设置什么css属性样式?通常我们是要考虑三个方面来综合判断的,没有美工图,有美工图,以及结合同行网站,下面就给大家详细介绍一下。 设置什么CSS样式不是凭空想象的而是有参考的,一般分三种情况下得到需要知道设置什么样式。 第一种:没有美工图,自己边思考布局 这种没有美工图也没有可参考的情…

    好文分享 2025年12月21日
    000
  • html在源代码中插入注释标签

    实例 html 注释: 这是一段普通的段落。 浏览器支持 IE Firefox Chrome 立即学习“前端免费学习笔记(深入)”; Safari Opera 所有浏览器都支持注释标签。 定义和用法 注释标签用于在源代码中插入注释。注释不会显示在浏览器中。 您可使用注释对您的代码进行解释,这样做有助…

    好文分享 2025年12月21日
    000
  • html中规定元素的类名的属性class

    实例 在 html 文档中使用 class 属性: h1.intro {color:blue;}p.important {color:green;}Header 1A paragraph.Note that this is an important paragraph. 定义和用法 class 属性…

    好文分享 2025年12月21日
    000
  • 规定html元素的唯一的id属性

    实例 通过 javascript 利用 id 属性来改变一段文本: function change_header(){document.getElementById(“myHeader”).innerHTML=”Nice day!”;}Hello World!Change text亲自试一试 定义和…

    好文分享 2025年12月21日
    000
  • 认识html 锚文本A标签

    html a目录 html a语法 锚文本作用 html a应用实例 锚文本实例截图 立即学习“前端免费学习笔记(深入)”; html a锚文本适用范围 html a应用扩展 以下是pCSS5整理关于html a、html超链接基础教程,希望对超链接CSS样式学习之前可以理解html中a标签的知识及…

    好文分享 2025年12月21日
    000
  • 认识HTML 换行标签

    html br换行元素标签(换行)介绍 br目录 语法与结构 Br使用说明 Br标签使用案例 立即学习“前端免费学习笔记(深入)”; 效果示例图 案例演示网页 一、语法与结构    –   TOP 如果有地方需要强制换行,那我们使用br标签即可。 二、Br使用说明    – …

    好文分享 2025年12月21日
    000
  • 认识HTML 段落标签

    html p段落强制换行标签元素 一、p标签语法与结构    –   TOP 内容 段落p标签使用说明:常常我们在需要分段大换行时候,对内容前加 内容后加 即可实现文章换段落。 二、P段落标签使用案例    –   TOP 我是创想鸟我是第一段落,网址www.php.cn ;…

    2025年12月21日
    000

发表回复

登录后才能评论
关注微信