`

html a 标签

    博客分类:
  • html
 
阅读更多

由于工作需要特此研究了下a标签的各个属性的用法:

下面的代码创建了一个超级链接,当用户以后不会发生任何事。当用户链接时,void(0) 计算为 0,但 Javascript 上没有任何效果。
<A HREF="javascript:void(0)">单此处什么也不会发生</A>

下面的代码创建了一个超级链接,用户单时会提交表单。
<A HREF="javascript:void(document.form.submit())">
单此处提交表单</A>

下面代码则执行了subgo()函数,
<a href="javascript:void(0)" onclick="subgo()">点我</a>

在这里,javascript:void(0),没启实质上的作用,它仅仅是一个死链接,执行的函数是subgo()。
<a href="#" onclick="subgo()">点我</a>与<a href="javascript:void(0)"
onclick="subgo()">点我</a>区别。
实际上 #包含了一个位置信息默认的锚是#top 也就是网页的上端 ,而javascript:void(0) 仅仅表示一个死链接,没有任何信息。所以调用脚本的时候最好用void(0)

    href一般是指向一个URL地址,也可以调用javascript ,如href="javascript:xxx();",文档中推荐这样写:<a href=" javascript:void(0)" onclick="xxx();">xx</a>,但是这种方法在复杂环境有时会产生奇怪的问题,尽量不要用javascript:协议做为A的href属性,这样不仅会导致不必要的触发window.onbeforeunload事件,在IE里面更会使gif动画图片停止播放。

    我们知道链接的 onclick 事件被先执行,其次是 href 属性下的动作(页面跳转,或
javascript 伪链接),如果不想执行href 属性下的动作执行,onclick 需要要返回false ,一般是这样写onclick="xxx();return false;".

点击会执行subgo()方法,右键点击在新选项卡中打开,会打开链接:
<a href="http://www.baidu.com" onclick="subgo();return false;">

右键不会出现在新选项卡中打开选项:
<a href="javascript:void(0)" onclick="subgo()">
分享到:
评论

相关推荐

    HTML a 标签.docx

    HTML a 标签 HTML a 标签是 HTML 中最基本也是最常用的标签之一,它用于定义锚点,可以创建指向其他文档的链接,也可以创建文档内部的书签。下面我们将详细介绍 HTML a 标签的定义、用法、属性和实例。 定义和用法...

    demo——关于禁用html中a标签的思考.zip

    `&lt;a&gt;`标签是HTML中的一个关键元素,它用于创建超链接,允许用户从一个页面跳转到另一个页面,或者执行其他操作,如下载文件或发送电子邮件。然而,在某些特定场景下,我们可能会考虑禁用`&lt;a&gt;`标签,以达到特定的设计...

    HTML的页面链接A标签.pdf

    HTML 的页面链接 A 标签 HTML 的页面链接 A 标签用于创建超级链接(简称为超链接),它是到另一个文档或文件(图形、音频、视频)甚至到同一文档的另一部分的链接。当用户单击超级链接时,就会进入链接中指定的 URL...

    HTML a 标签的 target 属性.doc

    ### HTML `&lt;a&gt;` 标签的 `target` 属性详解 #### 一、概述 HTML `&lt;a&gt;` 标签中的 `target` 属性用于指定在何处打开由 `href` 属性定义的链接文档。该属性提供了多种选项来控制链接文档的加载方式,包括在新窗口打开...

    A标签隐藏传参

    HTML JSP 页面A标签访问后台,JSP 或者 直接跳转 HTML页面 进行隐形传参

    动态更改A标签的HREF,防止打开外部连接时被浏览器拦截

    `&lt;a&gt;`标签是HTML中用于创建超链接的元素,它的`href`属性定义了链接的目标地址。例如: ```html &lt;a href="http://example.com"&gt;点击这里&lt;/a&gt; ``` 当用户点击这个链接时,浏览器会导航到`http://example.com`。然而...

    Python给html文件的a标签添加属性

    本篇将详细讲解如何使用BeautifulSoup来为HTML文件中的a标签添加属性。 首先,我们需要安装BeautifulSoup库,如果你还没有安装,可以使用以下命令: ```bash pip install beautifulsoup4 ``` BeautifulSoup库依赖...

    HTML标签大全.docx

    17. `body`标签的属性:如`bgcolor`, `background`, `bgproperties`, `text`, `link`, `vlink`, `alink`,这些属性分别用于设置背景颜色、背景图像、背景固定、文字颜色、未访问链接颜色、已访问链接颜色和活动链接...

    VUE解决 v-html不能触发点击事件的问题

    背景:后端返前端html格式的数据,前端用v-html解析渲染,如:&lt;a&gt;&lt;/a&gt;,a标签能成功渲染,但其绑定的事件无法触发。 原因:vue没有将其作为vue的模板解析渲染 解决方案:不用v-html而是component模板编译 上干货: ...

    Js实现当前点击a标签变色突出显示其他a标签回复原色

    本文将介绍如何使用JavaScript来实现这一功能,包括对带有查询参数的a标签和没有页面跳转功能的a标签进行区分处理。 首先,当页面中的a标签在点击后会导致页面跳转至当前页面,并附带一个查询参数时,我们可以利用...

    匹配html中的所有A标签并替换

    标题 "匹配html中的所有A标签并替换" 涉及的主要知识点是HTML解析和正则表达式在文本处理中的应用。在IT行业中,这通常与网页数据抓取、内容处理或者自动化测试相关。 1. HTML标签:HTML(HyperText Markup ...

    java代码-正则去除HTML代码中的A标签

    本话题主要关注如何使用Java和正则表达式来移除HTML代码中的A标签,这些A标签通常用于创建超链接。 A标签在HTML中用于定义超链接,其基本结构如下: ```html &lt;a href="URL"&gt;链接文本&lt;/a&gt; ``` 在Java中,我们可以...

    html post请求之a标签的两种用法解析

    html post请求之a标签的两种用法举例,具体内容如下: 1、使用ajax来发起POST请求 HTML代码如下: &lt;a&gt;发起POST请求&lt;/a&gt; JQuery代码如下: $(.a_post).on(click,function(event){ event.preventDefault();//使a...

    03_a标签锚点轮播图.html

    03_a标签锚点轮播图.html

    a 标签跳转

    ### a标签跳转知识点详解 #### 一、a标签简介 在HTML中,`a`标签是最基础也是最重要的标签之一,主要用于定义超链接。通过它,网页之间可以互相链接,从而构建起整个互联网世界。简单来说,`a`标签允许我们从一个...

    HTML5在a标签内放置块级元素示例代码

    你没看错:用一个A标签包裹块级元素(译者注: 在HTML5以前,a标签属于行内元素,而div,h1,p 等为块级元素,如果强行包裹,可能会被强行截断为多个a标签。当然,都是浏览器的事啦。). 示例代码: 复制代码代码如下: &...

    PHP替换HTML文件中所有a标签的HREF属性

    PHP替换HTML文件中所有a标签的HREF属性,其他代码不变,不管执行多少次都不变

    a标签下载关于图片.txt

    在探讨“a标签下载关于图片.txt”这一主题时,我们首先需要明确几个核心概念:HTML中的`&lt;a&gt;`标签如何用于触发文件下载功能,尤其是在处理图片文件时的一些特殊技巧。接下来,我们将深入分析该知识点,并结合给定的...

    HTML标签属性大全

    超链接标签是指在HTML文档中用于定义超链接的标签,包括&lt;a&gt;标签。 &lt;a&gt;标签用于定义超链接,包括链接的路径、标题和目标等参数设置。 五、表格标签 表格标签是指在HTML文档中用于定义表格的标签,包括、、等标签。...

    html a标签-超链接中confirm方法使用介绍

    在HTML中,`&lt;a&gt;`标签是用于创建超链接的核心元素,它允许用户通过点击链接跳转到其他页面或者执行特定的动作。在这个场景下,我们讨论的是如何在`&lt;a&gt;`标签中结合JavaScript的`confirm()`方法来实现一个交互式的删除...

Global site tag (gtag.js) - Google Analytics