开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

第一次单击后href不运行，但onclick运行

是因为href和onclick是HTML中常用的两种事件触发方式。

href是HTML中的超链接属性，用于指定链接的目标地址。当用户单击该链接时，浏览器会自动跳转到指定的目标页面。但是，如果同时设置了onclick事件，浏览器会先执行onclick事件中的代码，然后再跳转到href指定的目标页面。如果onclick事件中有return false语句，会阻止浏览器跳转。
onclick是HTML中的事件属性，用于指定当用户单击某个元素时要执行的JavaScript代码。当用户单击具有onclick属性的元素时，浏览器会执行onclick属性中的代码。这种方式可以实现更灵活的交互效果，可以在单击事件中执行任意的JavaScript代码。

所以，如果第一次单击后href不运行，但onclick运行，可能是因为onclick事件中的代码阻止了浏览器跳转，或者onclick事件中的代码出现了错误导致无法执行。

为了解决这个问题，可以检查以下几个方面：

确保onclick事件中的代码没有错误，可以通过浏览器的开发者工具查看控制台输出来排查错误。
确保onclick事件中没有使用return false语句或其他阻止浏览器跳转的代码。
确保href属性的值正确，并且指向了有效的目标页面。

如果以上步骤都没有解决问题，可以考虑使用其他方式来实现点击事件，例如使用JavaScript的addEventListener方法来绑定点击事件，或者使用框架库如jQuery来处理事件。

腾讯云相关产品和产品介绍链接地址：

腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
腾讯云云函数（SCF）：https://cloud.tencent.com/product/scf
腾讯云云数据库 MySQL 版（CDB）：https://cloud.tencent.com/product/cdb
腾讯云内容分发网络（CDN）：https://cloud.tencent.com/product/cdn
腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai

相关搜索:等待后不运行两个不运行OnClick的函数？附加到超链接的onClick不运行 c语言编译后运行不 js加密后怎么运行不 Laravel在第一次运行后不增加登录值在模态后台单击而不是前台单击上运行onClick函数动画正在运行时，OnClick不工作在For循环中运行Scrapy在第一次运行后挂起 onclick在第一次单击时不起作用，但在第一次单击后工作正常函数只在第一次单击时运行？运行宏后数据验证不更新 GAE在部署后不运行composer ArgumentError仅在第一次运行后发生单击下拉菜单后如何运行代码？通过onclick使用其他函数后，如何停止函数运行？onClick在重新渲染后第一次单击时不起作用动画过渡在第一次单击时未运行在js中运行第一次jq单击之后，运行第二次jq单击函数在第一次运行后停止此动画

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

使用IE6看老赵的博客——比较完美版（可以在线查看、回复）

上一个版本主要是测试一下我的想法，也是熟悉一下jQuery，代码这个东东不动手写一下是很难弄明白的。　　有想法，写代码，出现错误，修改错误 = 不断进步。　　带着问题去学习，动力就很大了。上一个版本能够看到了，但是还要修改URL，没看一篇都要改一下也太麻烦了。能不能点里面的连接，然后就直接看了呢？试了一下，很不幸又跳到那个郁闷的页面了。　　怎么办呢？这就是问题。如何解决呢？修改连接，就是改一下a标签。点了之后不进行跳转不就行了吗？那我们还是来replace。　　replace(/href=\"/

08

JS实现计算器功能

点击即可进入计算器页面点击即可进入计算器页面代码代码： <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> tr,td{ text-align: center; } a{ /* 去除下划线 */ text-decoration: none; color: black; } a:

02

JavaScript[对象.属性]集锦

作者：蓝色理想 SCRIPT 标记? 用于包含JavaScript代码.? 属性? LANGUAGE 定义脚本语言? SRC 定义一个URL用以指定以.JS结尾的文件? windows对象?

02

点击超链接不跳转的方式[通俗易懂]

02

JavaScript高级

首先更正一个小问题，昨天的JavaScript入门一文中，末尾的“网页换肤”这个小案例的代码插入的有问题，插入的是名片案例的代码，排版不严谨向您致歉，现在补发更正。

03

HarmonyOS实战—统计按钮点击次数

统计10秒点击的次数在一定的时间内点击按钮，点击按钮的次数就会记录到 Text 文本中 [在这里插入图片描述] 案例实现：新建项目：StatisticsApplication ability_ma

00

前端学习(52)~事件委托

事件委托，通俗地来讲，就是把一个元素响应事件（click、keydown......）的函数委托到另一个元素。

01

Python爬虫基础：常用HTML标签和Javascript入门

大部分HTML标签是闭合的，由开始标签和结束标签构成，二者之间是要显示的内容，例如：<title>网页标题</title>。也有的HTML标签是没有结束标签的，例如：
和

01

伸缩侧边栏

01

【前端 · 面试】JavaScript 之你不一定会的基础题（二）

在上一篇文章【前端 · 面试】JavaScript 之你不一定会的基础题（一）中，有同学产生了这样一个疑惑：为什么 click 事件的监听函数中，this.id 和 event.target.id 的输出值是不一样的？

01

jQuery 基本语法

jQuery，一个 JavaScript 库，极大地简化了 JavaScript 编程，很容易学习。它是一款同prototype、Note.js等一样优秀的js开发库类，特别是对css和XPath的支持，使我们写js变得更加方便！如果你不是个js高手又想写出优秀的js效果，jQuery可以帮你达到目的！

04

Android 单双击实现的方法步骤

双击实现：记录第一次点击时间，在设定时间内再次点击，则返回监听事件，否则不做处理；Application双击退出亦是同样的实现逻辑。

01

WordPress整合Highslide JS 灯箱效果

作者：matrix 被围观: 1,434 次发布时间：2013-09-25 分类：Wordpress 兼容并蓄 | 2 条评论 »

01

JavaScrtip之JS最佳实践

一、JavaScript之平稳退化这边使用一个当用户点击某个页面内某个链接弹出一个新窗口的案例： JavaScript使用window对象的open()方法来创建新的浏览器窗口; window.open(url,name,features); 这个方法有三个参数: url:新窗口里打开的网页的url地址。如果省略这个参数(这个参数为空),屏幕上将弹出一个空白的浏览器窗口。 name:新窗口的名字。 featrues:这个参数是以逗号分隔的一个字符串,他的内容是新窗口的各种属性,如新窗口的宽,高,以及新窗口

05

HTML标记之a标签

1.内部链接（当前文档与目标文档在同一站点内）；　　　2.外部链接（当前文档与目标文档不在同一站点内）；　　　3.E-mail链接（并允许访问者向指定的地址发送邮件）；　　　4.锚点连接跳转到同一网页或其他文档的指定位置：创建锚点，显示内容链接锚点，显示内容；　　　5.空链接，就是没有目标端点的链接，显示内容；　　　6.脚本链接：是一种特殊的链接，当单击设置脚本链接的文本或图像时，可以运行相应的JS语句。

04

HTML中实现右键菜单功能

我们使用的应用系统很多都有右键菜单功能。但是在网页上面，点击右键一般显示的却是IE默认的右键菜单，那么我们如何实现自己的右键菜单呢？下面将讲解右键菜单功能的实现原理和实现代码。

03

「Web编程API」- 03

请注意，本文编写于 2091 天前，最后修改于 174 天前，其中某些信息可能已经过时。

05

HTML a标签打开新标签页避免出现安全漏洞，请使用“noopener”

这里我们有一个指向恶意网站的 href 属性，并以 _blank 属性为 target，使其在新标签页中打开。

03

使用React Hooks 时要避免的5个错误！

最近开源了一个 Vue 组件，还不够完善，欢迎大家来一起完善它，也希望大家能给个 star 支持一下，谢谢各位了。

03

HarmonyOS实战—单击事件的四种写法

单击事件的四种写法 [在这里插入图片描述] 1. 自己编写实现类编写实现类（MyListener）去实现 Component.ClickedListener 接口在类里面重新下 onClick 方

08

View的基础知识介绍

通过上面的官方介绍，我们可以看到，View 是我们平常看到的视图上所有元素的父类，按钮Button、文本TextView、图片ImageView 等。 ViewGroup 也是 View 的子类，ViewGroup 相当与 View 的容器，可以包含很多的 View.

01

文档和元素的几何滚动

当浏览器在窗口中渲染文档时，它将会创建文档一个视觉表现层，在哪里每个元素都有自己的位置和尺寸。通常web应用程序将文档看做元素的树。

00

JQuery事件处理

Jquery事件 1、绑定事件示例代码：绑定事件

什么是绑定事件？这是隐藏的内容，点击上面的内容会显示这里的内容。

<script language=”javascript”> //单击显示，再次点击隐藏 /*$(function(){ $(“a”).bind(‘click’,function(){ if($(this).next().is(“:visible”)){ $(this).next().h

05

使用 JS 及 React Hook 时需要注意过时闭包的坑(文中有解决方法)

下面定义了一个工厂函数 createIncrement(i)，它返回一个increment函数。之后，每次调用increment函数时，内部计数器的值都会增加i。

03

前端成神之路-WebAPIs03

node.removeChild() 方法从 node节点中删除一个子节点，返回删除的节点。

02

使用 React Hooks 时需要注意过时的闭包!

最近开源了一个 Vue 组件，还不够完善，欢迎大家来一起完善它，也希望大家能给个 star 支持一下，谢谢各位了。

03

关于React18更新的几个新功能，你需要了解下

Facebook 团队已经发布了 React-18 。React 18 提供了许多开箱即用的功能。这些不仅增强了用户体验，而且使开发人员的生活更轻松。其中，有三个主要功能值得大家关注与学习了解。

03

关于React18更新的几个新功能，你需要了解下

Facebook 团队已经发布了 React-18 。React 18 提供了许多开箱即用的功能。这些不仅增强了用户体验，而且使开发人员的生活更轻松。其中，有三个主要功能值得大家关注与学习了解。

05

如何实现"设为首页"，"加入收藏"的功能

如何实现"设为首页"，"加入收藏"的功能解决思路：将指定URL设为首页的功能主要是依靠IE默认行为homePage的setHomePage方法，而将指定URL加入收藏夹的实现

01

阻止a标签的默认事件及延伸

先贴一段代码 <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <body> <a href="http://www.baidu.

06

JavaScript阻止冒泡和取消默认事件(默认行为)

JavaScript冒泡和捕获是事件的两种行为，使用event.stopPropagation()起到阻止捕获和冒泡阶段中当前事件的进一步传播。使用event.preventDefault()可以取消默认事件。

03

JavaScript停止冒泡和阻止浏览器默认行为

w3c的方法是e.stopPropagation()，IE则是使用e.cancelBubble = true

02

前端|窗口（window）对象介绍

window对象表示浏览器打开的窗口，在客户端JavaScript中window对象是全局的对象，由此可见window对象的重要的作用。所以接下来我们就一起看一看window对象的相关知识吧。

02

JS实现图片弹窗效果

中间磨磨唧唧从原生JS找到JS插件，浪费了不少精力和时间，但是也磕磕碰碰学到了些知识，建议读者：想学一下弹窗的JS实现代码的可以看看前两小节，只想实现效果的，直接复制源码就行！

03

Jquery 事件冒泡

什么是JS事件冒泡？：在一个对象上触发某类事件（比如单击onclick事件），如果此对象定义了此事件的处理程序，那么此事件就会调用这个处理程序，如果没有定义此事件处理程序或者事件返回true，那么这个事件会向这个对象的父级对象传播，从里到外，直至它被处理（父级对象所有同类事件都将被激活），或者它到达了对象层次的最顶层，即document对象（有些浏览器是window）。（摘自网络）如何来阻止Jquery事件冒泡？通过一个小例子来解释 <%@ Page Language="C#" AutoEventW

07

vue的两种路由模式

配置好nginx后，在nginx根目录新建hashDeom文件夹，里面新建一个index.html，然后即可在浏览器打开localhost:5001端口进行调试，比如我的nginx根目录是：D:\phpstudy_pro\Extensions\Nginx1.15.11，就在这里新建一个hashDeom夹，然后再在里面新建index.html即可通过localhost:5001端口访问

01

JavaScript学习笔记（一）

wdm，这个寒假越过越长… 寒假在家学习JavaScript的相关知识，写博客作为笔记我是以清华大学出版社的《JavaScript从入门到项目实践》作为学习用书的

02

JavaScript之Dom、事件，案例

📦个人主页：楠慧 🏆简介：一个大二的科班出身的，主要研究Java后端开发 ⏰座右铭：成功之前我们要做应该做的事情，成功之后才能做我们喜欢的事 3、JavaScript DOM 3.1、DOM介绍 DOM(Document Object Model)：文档对象模型。将 HTML 文档的各个组成部分，封装为对象。借助这些对象，可以对 HTML 文档进行增删改查的动态操作。 📷 3.2、Element元素的获取操作具体方法 📷 代码实现 <!DOCTYPE html> <html lang=

02

利用easyui实现菜单节点和选项卡的联动效果

我们可以利用树实现菜单的显示，但是我们需要每点击一个菜单在右侧实现一个选项卡，这个就需要easyui里面的选项卡的功能

02

J2EE前后台传值带中文时乱码

（本文年代久远，请谨慎阅读）传值乱码问题在Web开发中涉及许多方面：登陆注册时，是否正确得到正确的中文用户名；修改信息时，是否可以显示提交的中文信息；

03

【手写VueRouter】-手撕Vue-Router-知识储备

本文是手写Vue-Router的第一篇，主要是对Vue-Router的知识储备，为后面的手写做准备。

关于模拟超链接提交

//$('#gototarget').get(0).click();//这个在FF下会失效，所以解决兼容问题如下 $("#gototarget").click(function(){ window.open($(this).attr("href"),$(this).attr("target")); }); // 触发单击事件 $("#gototarget").click(); 点击判断触发 //真正触发的是这个链接

01

BOM

BOM（Browser Object Model）即浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互的对象，其核心对象是 window。

02

BOM

BOM（Browser Object Model）即浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互的对象，其核心对象是 window。

01

记一个JS中的小坑

这种方法是很多网站最常用的方法，也是最周全的方法，onclick方法负责执行js函数，而void是一个操作符，void(0)返回undefined，地址不发生跳转。而且这种方法不会像第一种方法一样直接将js方法暴露在浏览器的状态栏。

02

javaWeb核心技术第三篇之JavaScript第一篇

- 概述 - JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言 - 作用:给页面添加动态效果,校验用户信息等. - 入门案例 - js和html的整合 - 方式1:内联式 "通过<script></script>标签实现,在标签体中编写js代码即可" - 方式2:外联式 "编写外部的js文件,通过srcipt标签的src属性引入即可" - 注意事项: " script标签可以放在页面的任何位置,一般

01

(译) 如何使用 React hooks 获取 api 接口数据

在本教程中，我想向你展示如何使用 state 和 effect 钩子在React中获取数据。你还将实现自定义的 hooks 来获取数据，可以在应用程序的任何位置重用，也可以作为独立节点包在npm上发布。

02

任务，微任务，队列和时间表

正确答案：script start，script end，promise1，promise2，setTimeout，但它在浏览器支持方面相当野生那里。

02

JavaWeb——JavaScript精讲之DOM、BOM对象与案例实战（动态添加删除表格）

上一博文种讲解了JavaScript基础的ECMAScript，包括基本语法和部分对象，本文中继续讲解JavaScript中比较重要的两部分内容BOM、DOM及事件，后文中有对应的实战练习。

04

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭