在a标签的href与onclick中使用JavaScript的区别

 在a标签的hrefonclick中使用javascript的区别

⒈  链接的 onclick 事件被先执行,其次是 href 属性下的动作(页面跳转,或 javascript 伪链接);

⒉  假设链接中同时存在 href 与 onclick,如果想让 href 属性下的动作不执行,onclick 必须得到一个 false 的返回值;

⒊  如果页面过长有滚动条,且希望通过链接的 onclick 事件执行操作。应将它的 href 属性设为 javascript:void(0);,而不要是 #,这可以防止不必要的页面跳动;

⒋  如果在链接的 href 属性中调用一个有返回值的函数,当前页面的内容将被此函数的返回值代替;

⒌  在按住Shift键的情况下会有所区别。

立即学习“Java免费学习笔记(深入)”;

⒍  在IE6.0里以href的形式访问不到parentNode。尽量不要用javascript:协议做为A的href属性,这样不仅会导致不必要的触发window.onbeforeunload事件,在IE里面更会使gif动画图片停止播放。就这些,花了不少时间在这上面。

(IE6下)

此种写法IE6下面URL虽然请求了后台,但是前台没有动静,

正确的写法应该为

个人收藏的几个例子,供大家学习一下:

1:2:3:4:5:(好像在FF中不能显示)

——————————————————————————-

慎用JavaScript:void(0)今天测试的时候,明明程序已经执行,并且最后结果也是正确的,但是页面就是不刷新。

在FireFox2.0和ie7下测试,结果却是正常的,IE6却偏偏不刷新!仔细调查了一下,发现页面链接的是 测试 ,问题就出在这个void(0)上!

让我们先来看看JavaScript中void(0)的含义:JavaScript中void是一个操作符,该操作符指定要计算一个表达式但是不返回值。
void 操作符用法格式如下:

1. javascript:void (e-xpression)2. javascript:void e-xpression

e-xpression是一个要计算的 JavaScript 标准的表达式。表达式外侧的圆括号是可选的,但是写上去是一个好习惯。我们可以使用 void 操作符指定超级链接。表达式会被计算但是不会在当前文档处装入任何内容。面的代码创建了一个超级链接,当用户点击以后不会发生任何事。当用户点击链接时,void(0) 计算为 0,但在 JavaScript 上没有任何效果。单击此处什么也不会发生也就是说,要执行某些处理,但是不整体刷新页面的情况下,可以使用void(0),但是在需要对页面进行refresh的情况下,那就要仔细了。其实我们可以这样用,这句话会进行一次submit操作。那什么情况下用void(0)比较多呢,无刷新,当然是Ajax了,看一下Ajax的web页面的话,一般都会看到有很多的void(0),:) ,所以在使用void(0)之前,最好先想一想,这个页面是否需要整体刷新。

在a标签的href与onclick中使用JavaScript的区别在a标签的href与onclick中使用JavaScript的区别

以上就是在a标签的href与onclick中使用JavaScript的区别的详细内容,更多请关注创想鸟其它相关文章!

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

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年12月21日 16:18:32
下一篇 2025年12月21日 16:18:51

相关推荐

  • html中关于a标签的onclick以及href的执行顺序详解

    onclick的事件被先执行,其次是href中定义的(页面跳转或者javascript) 同时存在两个定义的时候(onclick与href都定义了),如果想阻止href的动作,在onclick必须加上return false; 一般是这样写onclick=”xxx();return fa…

    好文分享 2025年12月21日
    000
  • html中关于a标签href和onclick的用法区别以及优先级别的示例详解

    我以前在写的href和onclick一直很随意,后来出过几次问题,以后才开始重视这个问题: 首先摘录一篇文档: 在Javascript中void是一个操作符,该操作符指定要计算一个表达式但是不返回值。 void 操作符用法格式如下:  1. javascript:void (expression) …

    2025年12月21日
    000
  • html 和js 中实现倒计时功能

    倒计时主要用到的知识点:1、设置时间间隔的setinterval可以被clearinterval取消             2、毫秒转换为时分格式                 这个是效果图      下面是js中的函数 var shijian=3600; var time=null; func…

    2025年12月21日
    000
  • html中a标签href=””的几种用法介绍

            众所周知,a标签的最重要功能是实现超链接和锚点。而且,大多数人认为a标签最重要的作用是实现超链接,今天我刚好碰到a标签的一种写法,所以就来整理下a标签中href的几种用法。 一、Js的几种调用方法(参考总结的)       1、 a href=”javascript:js_metho…

    好文分享 2025年12月21日
    000
  • html中a标签href=’#’与href=’###’的区别分享

      首先, 标签 + onclick='{jscode}’ 是很常用的一种 js 运用方式,而不使用 href=’javascript:{jscode}’ 是为了兼容多种浏览器对 标签的解释和处理不同。其次,使用 标签 + onclick='{jscode}&#8…

    好文分享 2025年12月21日
    000
  • html中a标签href=#与href=javascript:void(0)的区别解析

    浅谈href=#与href=javascript:void(0)的区别,需要的朋友可以参考一下 #”包含了一个位置信息 默认的锚点是#top 也就是网页的上端 而javascript:void(0)  仅仅表示一个死链接 这就是为什么有的时候页面很长浏览链接明明是#可是跳动到了页首 立即…

    好文分享 2025年12月21日
    000
  • html页面中a标签href属性可以不写吗?

    我使用一组a标签做tab切换,给a标签加上href=”#”的话点击a标签总是会跳到顶部,加javascript:void(0)的话感觉有的时候点击的反应速度变慢,偶尔会卡,请教下各位如果a标签不加href会有什么影响,不符语义化或者对优化什么的有啥影响吗? 其实 href=&…

    好文分享 2025年12月21日
    000
  • 关于html和css以及javascript等其他的注释方式分享

    一、html的注释方法 内容 包含在“”之间的内容将会被浏览器忽略,且不会显示在用户浏览的最终界面中。 注释的部分虽然浏览器在执行时会忽略,但在浏览器中查看源代码时仍然可以看到 二、CSS的注释方法 立即学习“Java免费学习笔记(深入)”; /* css注释*/ 在单独的css样式表文件中也采用此…

    好文分享 2025年12月21日
    000
  • 关于html和CSS以及JavaScript前端命名规范的详解

    无意发现自己文件夹里面有这么一个文件,具体从哪里来的不记得了,仔细看下,发现总结的挺好的,贴出来分享一下。 无论是从技术角度还是开发视角,对于web前端开发规范文档都有一定规范,本文就css3和html5的发展前景总结了一系列的web开发文档,仅供大家参考。 规范目的: 为提高团队协作效率, 便于后…

    好文分享 2025年12月21日
    000
  • javascript历史记录API是什么_如何操作浏览器的历史栈?

    History API 通过 history.pushState() 和 replaceState() 实现无刷新 URL 变更与历史管理,配合 popstate 事件监听导航,支持 SPA 的前进/后退体验;需注意同源限制、state 持久化及刷新兜底。 JavaScript 历史记录 API(H…

    2025年12月21日
    000
  • javascript如何实现表单验证_有哪些最佳实践

    JavaScript表单验证核心是提交前快速反馈错误以提升体验,但不可替代后端校验;需结合原生API、解耦规则、无障碍支持及前后端协同。 JavaScript 表单验证的核心目标是:在用户提交前快速反馈错误,提升体验,同时不能替代后端校验。实现上应兼顾即时性、可访问性与健壮性,而非仅靠 onsubm…

    2025年12月21日
    000
  • JavaScript代码如何实现模块化管理?

    JavaScript模块化主要通过ES6的import/export语法实现,需配合构建工具或现代运行时;每个文件为独立模块,支持命名/默认导出与导入,浏览器需type=”module”,Node.js需package.json设”type”:&#82…

    2025年12月21日
    000
  • javascript中的事件委托是什么_它如何提升性能?

    事件委托是利用事件冒泡机制将监听器绑定在父元素上以统一管理子元素事件的技术,可减少内存占用、避免重复绑定、提升性能,适用于列表、表格等动态内容场景,但focus/blur等不冒泡事件不可用。 事件委托是一种利用事件冒泡机制,将事件监听器绑定在父元素上,而不是为每个子元素单独绑定,从而实现对动态添加或…

    2025年12月21日
    000
  • javascript如何实现拖放功能_相关的事件有哪些

    关键拖放事件包括源元素的dragstart、drag、dragend和目标元素的dragenter、dragover、dragleave、drop;需设置draggable=”true”,在dragstart中setData,在dragover中preventDefault,…

    2025年12月21日 好文分享
    000
  • javascript如何实现数据结构_链表和树在js中怎样表示

    JavaScript中链表和二叉树均通过对象引用实现:链表节点含val和next,树节点含val、left、right;二者均为非连续引用结构,链表线性单后继,树非线性多子节点,均适合递归操作。 链表在 JavaScript 中的实现 链表由节点(Node)组成,每个节点包含数据和指向下一个节点的引…

    2025年12月21日
    000
  • javascript的数组去重有哪些方法_如何兼顾性能和可读性

    JavaScript数组去重首选[…new Set(arr)],简洁高效且语义清晰;大数组或旧环境用Map手动遍历实现O(n)性能;对象数组需自定义key比较逻辑;封装成uniqBy等函数可提升复用性与可读性。 JavaScript 数组去重有多种实现方式,兼顾性能和可读性关键在于:小数…

    2025年12月21日
    000
  • javascript怎样操作日期和时间?_javascript的Date对象有哪些方法?

    JavaScript Date对象可处理当前时间及任意时间点,支持创建、获取、设置、格式化等操作;需注意月份从0开始、时区影响及字符串解析兼容性。 JavaScript 用 Date 对象处理日期和时间,它既可以表示当前时间,也能解析、计算、格式化任意时间点。掌握核心方法就能应对大多数场景,不需要第…

    2025年12月21日
    000
  • javascript高阶函数是什么_map和filter如何使用

    JavaScript高阶函数是以函数为参数或返回函数的函数;map对每个元素做一对一转换生成等长新数组,filter按条件筛选生成子集数组,二者可链式组合实现清晰的数据处理逻辑。 JavaScript高阶函数是指**以函数为参数,或返回函数的函数**。数组上的 map 和 filter 就是最典型、…

    2025年12月21日
    000
  • Javascript如何实现函数组合_如何构建管道数据流?

    函数组合(compose)从右到左执行,如f(g(h(x)));管道(pipe)从左到右执行,更符合阅读顺序;二者均通过reduce或reduceRight实现,依赖纯函数与一元化设计以保障可靠性。 函数组合和管道数据流的核心是把多个小函数像积木一样串起来,让数据从一个函数“流”向下一个,最终得到结…

    2025年12月21日
    000
  • javascript如何实现算法_如何用js解决常见的算法问题

    JavaScript算法核心是理解本质、选合适数据结构、写可读可维护代码,强调灵活性与工程实用性,而非极致性能。 JavaScript 实现算法,核心在于理解问题本质、选择合适的数据结构,并用清晰的逻辑写出可读、可维护、可测试的代码。它不追求极致性能(如 C++),但强调灵活性与工程实用性。 掌握基…

    2025年12月21日
    000

发表回复

登录后才能评论
关注微信