`
JackAndroid
  • 浏览: 136263 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

javascript关于标签<a>的事件问题

阅读更多

   今天浏览到一篇关于链接<a>的事件问题的帖子,特此摘录以备不时之需。

 

      当我们把链接当做按钮使用的时候,比如这样:<a href=="" onclick="addOneNumber();">+</a>  千万注意了!如果这样写的话,当你点击这个链接的时候,会发送两个请求到后台去,一个是onclick触发的处理函数发送一个AJAX请求,一个是href=“”发送一个刷新本页面的请求!我的本意是只发送一个AJAX请求局部刷新页面即可,我怎么搞都不对,原来是href=""的原因!把href=“”改成href="javascript:void(0)"即可,就是把这个链接失效(刚开始我还以为是浏览器的原因,因为在不同的浏览器有不同的效果,看来不能轻易怀疑浏览器!)

 

 

还有一种不推荐的解决方式,原因是没有采用js事件,不是很喜欢:

<a href=="JavaScript:addOneNumber();"> 

 

分享到:
评论

相关推荐

    鼠标悬停<a>标签效果

    总结来说,实现鼠标悬停&lt;a&gt;标签效果主要依赖于CSS和JavaScript。通过调整颜色、下划线、背景等样式,以及利用JavaScript来显示额外信息或执行其他动态操作,我们可以创建丰富的交互体验,使用户在浏览网页时更加便捷...

    Vue中通过<script></script>引入的Vue.js文件

    我们可以在 Vue.js 的官网上直接下载 vue.min.js 并用 &lt;script&gt; 标签引入。 格式就是: &lt;script src="./js/vue%20(1).js" type="text/javascript" charset="UTF-8"&gt;&lt;/script&gt; src里面的内容根据自己的下载的Vue.js的...

    阻止 <a> 地址轉向

    除了使用 `onclick` 属性,我们还可以使用现代JavaScript中的事件监听器来阻止 `&lt;a&gt;` 标签的默认行为。在DOM加载完成后,我们可以为 `&lt;a&gt;` 标签添加一个 `click` 事件监听器: ```javascript document....

    给表格和层做链接,无A标签

    这种情况下的需求较为特殊,因为传统上我们都是通过`&lt;a&gt;`标签来创建链接。下面我们就详细探讨一下如何在不使用`&lt;a&gt;`标签的情况下,为表格和层添加链接。 ### 不使用`&lt;a&gt;`标签创建链接 #### 1. 使用JavaScript与CSS...

    javascript中BASE标签作用

    &lt;a href="properties/href_2.asp"&gt;关于href属性的更多信息&lt;/a&gt; &lt;!-- 更多内容 --&gt; &lt;/body&gt; &lt;/html&gt; ``` 在这个例子中,`&lt;base&gt;`标签设置的基准URL是`...

    前端开发开发入门技巧点以及教程知识点总结.docx

    学习和使用常见的HTML标签,如标题标签(&lt;h1&gt;至&lt;h6&gt;)、段落标签&lt;p&gt;、图像标签&lt;img&gt;、链接标签&lt;a&gt;、列表标签&lt;ul&gt;/&lt;ol&gt;/&lt;li&gt;等。 理解HTML5新增的语义化标签,比如&lt;header&gt;, &lt;nav&gt;, &lt;section&gt;, &lt;article&gt;, &lt;footer&gt;等...

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

    例如,你可以创建一个C#方法返回JSON格式的URL,然后在JavaScript中接收并应用到`&lt;a&gt;`标签上: ```csharp // C# 示例代码 public ActionResult GetDynamicUrl() { return Json("http://dynamic.url.com", ...

    毕向东HTML_CSS_JavaScript教程笔记

    超链接由&lt;a&gt;标签定义,href属性指明目标地址,target属性决定新链接是在当前窗口打开还是新开窗口。通过#和name属性可以实现页面内部的跳转,例如&lt;a href="#top"&gt;回到顶部位置&lt;/a&gt;。 表单&lt;form&gt;用于用户输入数据并...

    基于html css js的超详细网页设计入门教程总结.docx

    章节目录 ...二、CSS样式与布局 ...3.链接与媒体类标签:&lt;a&gt;(超链接)、&lt;img&gt;(图像)、&lt;video&gt;、&lt;audio&gt;。 4.表格类标签:&lt;table&gt;、&lt;tr&gt;(行)、&lt;td&gt;(单元格)、&lt;th&gt;(表头单元格)。 3.表单元素: 1

    js试题(1).pdf

    内联式JavaScript是将代码直接嵌入HTML文档中,而外部式JavaScript则是将代码存放在独立的.js文件中,然后在HTML中通过`&lt;script&gt;`标签引用。 JavaScript主要在浏览器环境中运行,处理用户的交互事件,如点击按钮、...

    html相关知识css javascripte

    `&lt;pre&gt;`保留原始格式,`&lt;h1&gt;`至`&lt;h6&gt;`定义标题级别,`&lt;b&gt;`, `&lt;i&gt;`, `&lt;u&gt;`, `&lt;sub&gt;`, `&lt;sup&gt;`, `&lt;tt&gt;`, `&lt;cite&gt;`, `&lt;em&gt;`, `&lt;strong&gt;`用于文本格式化,`&lt;font&gt;`调整字体样式,`&lt;a&gt;`定义超链接,`&lt;img&gt;`插入图片,`...

    大学里的HTML课件

    此外,还可以添加超链接(&lt;a&gt;),图像(&lt;img&gt;),列表(&lt;ul&gt;、&lt;ol&gt;、&lt;li&gt;)以及引用(&lt;blockquote&gt;)等。 表格(&lt;table&gt;)在HTML中也占有重要地位,用于展示数据。它由表格标签、行标签(&lt;tr&gt;)、列标签(&lt;th&gt;或&lt;td...

    WEB开发 之JavaScript 使用.docx

    首先,JavaScript代码必须包裹在`&lt;script&gt;`和`&lt;/script&gt;`标签内,这些标签定义了JavaScript的起始和结束位置。例如: ```html &lt;script&gt; alert('My First JavaScript'); &lt;/script&gt; ``` 在这个例子中,浏览器会解析并...

    简单的html javascript导航栏

    创建导航栏时,我们通常会用到`&lt;nav&gt;`标签来定义导航区域,`&lt;ul&gt;`和`&lt;li&gt;`标签来创建无序列表,代表导航链接,`&lt;a&gt;`标签则用于链接这些导航项。例如: ```html &lt;nav&gt; &lt;ul&gt; &lt;li&gt;&lt;a href="#home"&gt;首页&lt;/a&gt;&lt;/li&gt; ...

    JavaScript实现正则去除a标签并保留内容的方法【测试可用】

    在JavaScript中,有时候我们需要对HTML字符串进行处理,例如在某些情况下需要去除`&lt;a&gt;`标签,但同时要保留其中的文字内容。这篇文档介绍了一个实用的方法,通过正则表达式实现这个功能,同时也涉及到了对`&lt;span&gt;`...

    Web应用基础.docx

    图片链接则结合&lt;a&gt;和&lt;img&gt;标签,img标签的alt、width和height属性分别表示替换文本、宽度和高度。HTML表格由&lt;table&gt;及其相关标签如&lt;caption&gt;、&lt;th&gt;、&lt;tr&gt;、&lt;td&gt;等构成,用于组织数据。 HTML列表包括有序列表&lt;ol&gt;、...

    HTML XUEXI

    例如,`&lt;a&gt;`标签的`href`属性指定链接的目标URL,`&lt;img&gt;`标签的`src`属性指明图片的路径,`&lt;input&gt;`标签的`type`属性定义输入类型,如文本、密码、复选框等。 四、CSS与JavaScript的结合 HTML负责结构,CSS...

    呕心沥血版HTML标记实例

    &lt;a&gt;标签创建超链接,href属性指定目标URL,target属性可控制新链接在何处打开。&lt;img&gt;标签用于插入图片,src属性指向图像源,alt属性为无法显示图像时的替代文本。 五、列表 无序列表&lt;ul&gt;和有序列表&lt;ol&gt;,以及它们...

    html+css+javascript

    `&lt;head&gt;`中的`&lt;title&gt;`标签设置页面标题,`&lt;meta&gt;`标签提供关于文档的信息,如字符编码、元数据等。`&lt;base&gt;`标签定义文档的基础URL,影响内部链接的解析。`&lt;style&gt;`用于插入CSS代码,`&lt;link&gt;`则用于引入外部样式表。...

    html教案、javascript

    3. 属性:标签可以有属性,如`src`(用于`&lt;img&gt;`标签指定图片源)、`href`(`&lt;a&gt;`标签的链接地址)等,它们提供了更丰富的信息。 4. 块级元素与内联元素:了解块级元素(如`&lt;div&gt;`、`&lt;p&gt;`)和内联元素(如`&lt;span&gt;`...

Global site tag (gtag.js) - Google Analytics