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

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

JavaScriptAjax浏览器 
阅读更多

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

 

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

 

 

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

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

 

分享到：
| CSS下关于span的显示错误修正
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    超强JS(javascript)正则类

    超强JS(javascript)正则类 可提取HTML文件标签&lt;br&gt;//JS正则表达式类====================//&lt;br&gt;/* 方法列表 */&lt;br&gt;//=================================//&lt;br&gt;/* GetTag(string,tag); */&lt;br&gt;//=====================...

    WEB设计大全

    &lt;IMG&gt;标签 &lt;br&gt;&lt;br&gt;11.4.3 图像类型 &lt;br&gt;&lt;br&gt;11.4.4 与图像相关的问题 &lt;br&gt;&lt;br&gt;11.4.5 分割图像 &lt;br&gt;&lt;br&gt;11.4.6 Web中基于矢量的艺术： Flash &lt;br&gt;&lt;br&gt;11.5 背景图像 &lt;br&gt;&lt;br&gt;11.6 小结 &lt;br&gt;&lt;br&gt;第12章 利用GUI特性...

    WEB设计大全(part2)

    &lt;IMG&gt;标签 &lt;br&gt;&lt;br&gt;11.4.3 图像类型 &lt;br&gt;&lt;br&gt;11.4.4 与图像相关的问题 &lt;br&gt;&lt;br&gt;11.4.5 分割图像 &lt;br&gt;&lt;br&gt;11.4.6 Web中基于矢量的艺术： Flash &lt;br&gt;&lt;br&gt;11.5 背景图像 &lt;br&gt;&lt;br&gt;11.6 小结 &lt;br&gt;&lt;br&gt;第12章 利用GUI特性...

    前端开发开发入门技巧点以及教程知识点总结.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;等...

    超链接（文本超链接、图像超链接）

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

    ASP.Net电子商务网站后台模板

    &lt;li id="now1a"&gt;&lt;a title="标签管理" href="#" target="content3"&gt;&lt;span&gt;标签管理&lt;/span&gt;&lt;/a&gt;&lt;/li&gt; &lt;li id="now1b"&gt;&lt;a title="模板管理" onclick="show_title('生成文件管理')" href="#" target="content3"&gt; ...

    a标签跳转到指定div,jquery添加和移除class属性的实现方法

    &lt;a&gt;跳转到div&lt;/a&gt; &lt;div di=dction_1&gt; 这里是被跳转的区域 &lt;/div&gt; 第二个，使用jquery添加或者移除class属性 也很简单，使用jquery的方法addclass()和removeclass()属性就可以完成了。 其次，jquery的代码必须写到 ...

    定制我的标签与默认选择我的标签.rar

    &lt;div class="plus-tag tagbtn clearfix" id="myTags"&gt;&lt;/div&gt; &lt;div class="plus-tag-add"&gt; &lt;form id="" action="" class="login"&gt; ..."&gt;展开推荐标签&lt;/a&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/form&gt; &lt;/div&gt;

    Web前端高级作业一.txt

    &lt;select&gt;&lt;/select&gt;标签是选项标签，里面加入option可以作为选项 2.1.3框架&lt;frame&gt;和框架集&lt;frameset&gt;` 二.css 1.这个用来设置标签样式有好处 采用外部样式设置页面一来可以减少代码的瘫肿；二来可以时开发页面...

    JavaWeb实验报告.doc

    &lt;/table&gt; &lt;br&gt;&lt;a href="login.jsp"&gt;用户登陆&lt;/a&gt; &lt;br&gt;&lt;a href="register.jsp"&gt;注册新用户&lt;/a&gt; &lt;/center&gt; &lt;/body&gt; &lt;/html&gt; 网页截图： 二、基础语法：用户登录实现 一、实验目的 掌握javascript的语法，能验证表单，...

    jquery-1.1.3 效率提高800%

    &lt;br&gt;Safari 2 3575ms 475ms 753% &lt;br&gt;Opera 9.1 3196ms 326ms 980% &lt;br&gt;Average improvement: 867% &lt;br&gt;&lt;br&gt;下表为jQuery1.1.3与常用的一些JS库选择器的对比：&lt;br&gt;Browser Prototype jQuery Mootools Ext Dojo &lt;br&gt;...

    李兴华老师JAVAWEB习题答案及PPT

    MLDN 李新华 老师 Java Web基础篇课后习题答案，Java Web高级案例篇全部源码。 这套源码从最基本的JSP页面到Model 1到Model 2，文件上传，EL，JSTL，Ajax，Structs,一点一点的修改...第十六章.Structs常用标签：1题

    JSP+Struts+JSTL+EL新闻发布系统jsp

    &lt;td width="594" height="16" valign="top" background="/images/index_13.jpg"&gt;&lt;script language='JavaScript' type='text/JavaScript' src='/Article/js/menu.js'&gt;&lt;/script&gt; &lt;script type='text/javascript' ...

    自适应宽度的标签导航

    href="javascript:void(0)"&gt;自适应宽度的标签&lt;/A&gt; &lt;/LI&gt;&lt;/UL&gt; &lt;DIV id=tagContent&gt; &lt;DIV class=tagContent id=tagContent0&gt;第一个标签的内容&lt;/DIV&gt; &lt;DIV class="tagContent selectTag" id=tagContent1&gt;第二个标签的...

    JavaScript源代码集

    　在这儿你只要在传统 ＜a&gt; 的标签中加入 onMouseOver 的 method　就可达成你要的效果了。这里的 window.status 是用来让你可以在 WWW 浏览器的状态列上显示一些讯息用的。 　在语法中，你可以看到讯息部分是用 ’...

    解读html5关于html5的应用与认识

    &lt;li&gt;&lt;a href="#"&gt;Portfolio&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;Profile&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;Contact&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/nav&gt; &lt;article&gt; &lt;header&gt; &lt;h1&gt;Article Heading&lt;/h1&gt; &lt;time datetime="2010-05-05...

    浮点vfdsfJAVA实现链表,双向链表.txtJAVA实现链表,双向链表.txt

    " onclick="addtag('操作系统报告')"&gt;操作系统报告&lt;/a&gt;(1) &lt;/li&gt; &lt;li&gt;&lt;a href="javascript:void(0);" onclick="addtag('操作系统')"&gt;操作系统&lt;/a&gt;(1) &lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;!-- rule of upload --&gt; ...

    AntiXss 4.2.1.msi

    &lt;a href=""&gt;aaaaaaaaa&lt;/a&gt;javascript &lt;p&gt;&lt;img src=""&gt;alert&#40;'a'&#41;&lt;img src="abc.jpg"&gt;&lt;img&gt;&lt;/p&gt; &lt;p&gt;Test&lt;/p&gt; 嗯，非常安全。然后，又有一个疑问了，是应该将用户的输入过滤之后写入数据库呢？还是在输出界面...

    js实现为a标签添加事件的方法(使用闭包循环)

    本文实例讲述了js实现为a标签添加事件的方法。分享给大家供大家参考，具体如下： ... &lt;li&gt;&lt;a&gt;数量：&lt;span class=ding-num&gt;100&lt;/span&gt;&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a&gt;数量：&lt;span class=ding-num&gt;200&lt;/span&gt;&lt;/a&gt;

    javascript处理a标签超链接默认事件的方法

    通常前端会给出一个&lt;a&gt;link&lt;/a&gt;来代表这个行为，有些还会这样写&lt;a&gt;link&lt;/a&gt;或者&lt;a&gt;link&lt;/a&gt;这样的写法，但这样并不兼容所有浏览器，有些浏览器就会出现很怪异的形为。 因此，这个问题需要其它方法来解决，其一是用...

Magicbox
Global site tag (gtag.js) - Google Analytics