`

关于 HTML“超链接” 中的 href 和 onclick 的困惑

阅读更多

在用 <a href="" onclick=""> 时,出现了一些问题,困惑了我许久,现在从网友那边得到以下结论,让我豁然开朗,问题也迎刃而解。

  1. 链接的onclick 事件被先执行,其次是href 属性下的动作(页面跳转,或 javascript 伪链接);
  2. 假设链接中同时存在hrefonclick,如果想让href 属性下的动作不执行,onclick 必须得到一个false 的返回值;
  3. 如果页面过长有滚动条,且希望通过链接的 onclick 事件执行操作。应将它的 href 属性设为 javascript:void(0);,而不要是 #,这可以防止不必要的页面跳动;
  4. 如果在链接的 href 属性中调用一个有返回值的函数,当前页面的内容将被此函数的返回值代替;
  5. 在按住Shift键的情况下会有所区别。
  6. 今天我遇到的问题,在IE6.0里以href的形式访问不到parentNode。
  7. 尽量不要用javascript:协议做为A的href属性,这样不仅会导致不必要的触发window.onbeforeunload事件,在IE里面更会使gif动画图片停止播放。
分享到:
评论

相关推荐

    html超链接a标签的href跳转跟onclick之间执行顺序示例介绍

    如描述中所述,`onclick`事件和`href`跳转之间的执行顺序是这样的:首先,`onclick`事件的JavaScript代码会被执行。如果`onclick`函数返回`false`,则浏览器将阻止默认的`href`跳转行为,即不会导航到`href`属性指定...

    HTML制作超链接QQ号,点击后启动QQ聊天框

    这个文件"HTML超链接标签—链接QQ在线聊天_第五个世界的博客-CSDN博客.url"很可能指向一篇关于这个话题的博客文章,提供了更深入的解释和示例。 通过这些方法,你可以轻松地在自己的网页上添加一个超链接,当用户...

    html 中文乱码 HTML超链接中文乱码问题分析及解决方法

    Vm中一个超链接URL需要拼接中文作为Get请求的参数。如果直接拼接,传到后台Action的参数对象中后取出会是乱码,需要编码后再拼接到URL上。 解决方法是在Action中添加一个成员变量,保存编码后的中文参数。在vm页面...

    HTML超链接中文乱码问题分析及解决方法.docx

    在 HTML 超链接中,中文乱码问题是常见的烦恼,特别是在使用 GET 请求时,中文参数需要正确编码以避免乱码。本文将分析超链接中文乱码问题的成因和解决方法。 问题分析 在 HTML 超链接中,当我们需要将中文参数...

    HTML5网页中的超链接.pdf

    href用于规定链接目标的url地址,是超链接中不可缺少的属性。target用于定义被链接的文档在何处显示,其取值有_selfself和_selfblank两种,其中_selfself为默认值,意为在原窗口中打开,_selfblank为在新窗口中打开...

    超链接.html,关于超链接的一些常见用法

    超链接用法

    JS脚本 鼠标经过超链接时就跳动.html

    鼠标经过超链接时就跳动.html鼠标经过超链接时就跳动.html鼠标经过超链接时就跳动.html鼠标经过超链接时就跳动.html鼠标经过超链接时就跳动.html鼠标经过超链接时就跳动.html鼠标经过超链接鼠标经过超链接时就跳动....

    详解Html a标签中href和onclick用法、区别、优先级别

    在`&lt;a&gt;`标签中,`href`和`onclick`是两个重要的属性,它们各自有不同的用途和交互方式。 `href`属性是`&lt;a&gt;`标签的核心属性,用于指定链接的目标地址。它可以是一个HTTP/HTTPS URL,指向另一个网页;也可以是一个...

    超链接(文本超链接、图像超链接)

    -- &lt;a href=""&gt;&lt;/a&gt; --&gt;超链接标签(用于从一个页面链接到另一个页面) 文本超链接 &lt;a href="https://www.baidu.com/"&gt;百度 &lt;!-- &lt;a href=" 不写值 "&gt;百度&lt;/a&gt; --&gt;空链接 &lt;a href=""&gt;百度 ...

    HTML超链接传值

    HTML超链接是网页中不可或缺的一部分,它允许用户在不同的页面之间跳转,浏览网页内容。在实际应用中,我们往往需要在点击超链接时传递一些参数,以便在目标页面能够获取这些信息并进行相应的处理。这被称为“HTML...

    HTML利用超链接打开链接文件的方法介绍

    a和href属性HTML用来表示超链接,英文叫anchor。 可以指向任何一个文件源:一个HTML网页,一个图片,一个影视文件等。用法如下: &lt;ahref&gt;链接的显示文字点击&lt;a&gt;&lt;/a&gt;当中的内容,即可打开一个链接文件,href属性则...

    超链接_html_

    为了测试和预览HTML中的超链接,你可以直接在浏览器中打开HTML文件,或者利用Sublime的插件如LiveReload,实现代码保存后浏览器自动刷新,实时查看链接效果。 在实际应用中,超链接的样式可以通过CSS(Cascading ...

    HTML相册以及最基本的超链接

    HTML相册及超链接是网页设计的基础,它们构成了网页的基本元素和交互性。在这个作业中,我们将探讨HTML的几个核心概念,包括HTML表格、不同类型的超链接以及如何创建相册布局。 首先,让我们来了解HTML表格。在HTML...

    HTML 按钮超链接

    HTML(HyperText Markup Language)是构建网页的基本语言,它提供了创建按钮和超链接的功能,这些都是网页交互性的重要组成部分。在本篇文章中,我们将深入探讨如何在HTML中创建按钮和超链接,以及它们在实际网页...

    改超链接 C# 替换超链接

    如果找到超链接,它会提取`href`和链接文本,并用新的超链接地址替换它们。最后,`Regex.Replace()`方法将修改后的`&lt;a&gt;`标签插入回原始HTML字符串。 需要注意的是,这个例子中的正则表达式相当简单,可能无法处理...

    HTML5超链接悬停显示图片特效.zip

    在这个特效中,JS会监听超链接的`mouseover`和`mouseout`事件,当鼠标进入和离开超链接时,执行相应的代码来显示或隐藏图片。此外,如果支持多图切换,JS还会负责图片的轮播逻辑。 4. **图片预加载**:为了确保图片...

    HTML5鼠标悬停超链接显示图片特效

    在`index.html`文件中,你需要定义超链接(`&lt;a&gt;`标签),并为其添加一个特殊的类名,以便通过CSS和JavaScript来处理悬停事件。这个超链接可以包含一些内联样式,用于定义文本位置和外观。同时,你需要隐藏预加载的...

    RichTextBox控件扩展支持中文超链接

    4. **检测和响应超链接**:在`MouseMove`事件中,我们需要解析`RichTextBox`中的RTF文本,找到当前鼠标位置的控制词,判断是否为我们的超链接标记。如果是,设置鼠标指针为手形。在`MouseClick`事件中,同样解析RTF...

Global site tag (gtag.js) - Google Analytics