`
stulpnn
  • 浏览: 67906 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

<a/>中href和onclick的区别

javascripthrefjquery 
阅读更多
1、链接的onclick事件被先执行，其次是href属性下的动作（页面跳转，或 javascript 伪链接）；
2、假设链接中同时存在href与onclick，如果想让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动画图片停止播放。
8、调用JS时候对参数的处理方式不一致，href会将URL编码的内容自动转码，例如%22将会转成",从而导致被"%22"出现JS错误。
<html>
<head>
<script type="text/javascript">
<!--
function handler1(arg1){
alert(arg1);
}
-->
</script>
</head>
<body>
<table width="155">
<tr>
<td>
<div style="height:195;width:157px;overflow:auto;border:1px solid #999999;">
   <table width="155" border="0" cellspacing="0" cellpadding="0" id="dataTable">
<tr>
<a onclick="javascript:handler1('%22%5b%40', 'Y', 'N', 'SAM Report');">TEST</a>.
</tr>
<tr>
<a href="javascript:handler1('%22%5b%40', 'Y', 'N', 'SAM Report');">TEST1</a>
</tr>
   </table>
</div>
</td>
</tr>
</table>
</body>
</html> 一起jquery,17jquery 一起jquery,17jquery

综上所述，当a需要支持JS时比较推荐写法为 17jquery.com

<a href="javascript:void(0);" onclick="javascript:fn(this);">

或者：

$("#aActivie").bind('click',function(){getInfo();return false;})
分享到：
| Jquery UI控件之tab
评论
发表评论

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

相关推荐

    jQuery折叠菜单

    &lt;li class="item2"&gt;&lt;a href="#" class="title" onclick="fold(this);return false;"&gt;&lt;img src="images/工业源详表.gif" /&gt;工业源详表&lt;/a&gt; &lt;ul class="option" style="display:none;"&gt; &lt;li&gt;&lt;a href="#...

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

    &lt;li id="now19"&gt;&lt;a title="生成文件管理" href="#" target="content3"&gt;&lt;span&gt;生成文件管理&lt;/span&gt;&lt;/a&gt;&lt;/li&gt; &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...

    jquery实现div上下移动

    "&gt;上移&lt;/a&gt; &lt;a href="javascript:;" onclick="down(this);"&gt;下移&lt;/a&gt; &lt;span&gt;内容一&lt;/span&gt; &lt;/div&gt; &lt;div class="pt"&gt; &lt;a href="javascript:;" onclick="up(this);"&gt;上移&lt;/a&gt; &lt;a href="javascript:;" onclick=...

    经典纯css网站导航代码

    &lt;a href="http://www.qih8.com" id="curTab" class="nav" onclick="changeId('curTab',this)"&gt;&lt;span&gt;首页&lt;/span&gt;&lt;/a&gt; &lt;div&gt;&lt;/div&gt; &lt;a href="http://www.qih8.com" class="nav" onclick="changeId('curTab',...

    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' ...

    Head First Ajax（中文版）.zip

    &lt;li class="nav-active" onclick="openOrCloseManue(this)"&gt;&lt;a href="#"&gt;其他&lt;/a&gt;&lt;/li&gt; &lt;li class="menue-close"&gt;&lt;a href="#"&gt;用户管理&lt;/a&gt;&lt;/li&gt; &lt;li class="menue-close"&gt;&lt;a href="#"&gt;用户管理&lt;/a&gt;&lt;/li&gt; &lt;li ...

    网页设计常用的Javascript特效代码

    &lt;a href="javascript:doZoom(14)"&gt;中&lt;/a&gt; &lt;a href="javascript:doZoom(12)"&gt;小&lt;/a&gt; ``` 此段代码定义了一个`doZoom`函数，该函数接收一个参数`size`，用于设置元素的字体大小。通过调用`document.getElementById('...

    一个简单的网页设计

    &lt;option&gt;学生&lt;/option&gt;&lt;option&gt;一年&lt;/option&gt;&lt;option&gt;二年&lt;/option&gt;&lt;option&gt;三年&lt;/option&gt;&lt;option&gt;三年到五年&lt;/option&gt;&lt;option&gt;五年到十年&lt;/option&gt;&lt;option&gt;十年以上&lt;/option&gt; &lt;/select&gt; &lt;/div&gt; ...

    完全js+css，写的Dialog、Button、日历类库

    &lt;a href="http://code.google.com/p/swoole/"&gt;http://code.google.com/p/swoole/&lt;/a&gt;&lt;/p&gt; &lt;p&gt;&lt;a href="javascript:swoole.alert('hello world');"&gt;弹出&lt;/a&gt;&lt;/p&gt; &lt;p&gt;&lt;a href="javascript:baidu.show();"&gt;打开百度&lt;/a...

    Ecshop 第三方登录插件!,微博，淘宝，QQ，支付宝等

    &lt;tr&gt;&lt;td&gt;使用合作网站账号登录&lt;/td&gt;&lt;td&gt;&lt;a href="#" onclick='toQzoneLogin()'&gt;&lt;img src="/login/qqlogin/qq_login.png"&gt;&lt;/a&gt; &lt;a href="#" onclick='toSinaWeiboLogin()'&gt;&lt;img src="/login/sinaweibo/sinaweibo_...

    三种不同样式的导航nav编写

    &lt;a href="#" class="icon" onclick="myFunction()"&gt; &lt;i class="fa fa-bars"&gt;&lt;/i&gt; &lt;/a&gt; &lt;a href="#"&gt;首页&lt;/a&gt; &lt;a href="#"&gt;关于我们&lt;/a&gt; &lt;a href="#"&gt;服务&lt;/a&gt; &lt;a href="#"&gt;联系我们&lt;/a&gt; &lt;/div&gt; &lt;/nav&gt; ``` *...

    客户端实验设计

    &lt;li&gt;&lt;a href="#"&gt;添加联系人&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;div class="unit"&gt; &lt;h5&gt;-设置-&lt;/h5&gt; &lt;ul&gt; &lt;li&gt;&lt;a href="#"&gt;显示设置&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;手机模式&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;通话设置&lt;/a&gt;&lt;/li&gt; ...

    手机信息的增删改查，分页查询

    onclick="return delok()"&gt;删除&lt;/a&gt; &lt;/td&gt; &lt;% } %&gt; &lt;/table&gt; &lt;p&gt; &nbsp; &lt;/p&gt; &lt;a href="addphone.jsp"&gt;添加&lt;/a&gt; &lt;p&gt; &nbsp; &lt;/p&gt; &lt;/form&gt; ...

    浮点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; ...

    实用 JS滑动门

    &lt;li class="thisStyle"&gt;&lt;a href="javascript:void(0)"&gt;目录&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="javascript:void(0)"&gt;选项1&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="javascript:void(0)"&gt;选项2&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="javascript:void(0)"&gt;...

    在线订餐系统基于Javawen

    &lt;td&gt;&lt;input type="submit" value="登录" onclick="return checkUserInfo()"/&gt;&lt;/td&gt; &lt;td&gt;&lt;input type="reset" value="重置"/&gt;&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;div align="right"&gt;&lt;a href="register.jsp"&gt;新用户注册&lt;/a&gt;&lt;/...

    简单的员工管理

    &lt;a href="#"&gt;main&lt;/a&gt; &lt;/h1&gt; &lt;/div&gt; &lt;div id="navigation"&gt; &lt;/div&gt; &lt;/div&gt; &lt;div id="content"&gt; &lt;p id="whereami"&gt; &lt;/p&gt; &lt;h1&gt; 注册 &lt;/h1&gt; ...

    tab选项卡制作

    &lt;li id="0" class="select"&gt;&lt;a href="#"&gt;公告&lt;/a&gt;&lt;/li&gt; &lt;li id="1"&gt;&lt;a href="#"&gt;规则&lt;/a&gt;&lt;/li&gt; &lt;li id="2"&gt;&lt;a href="#"&gt;其他&lt;/a&gt;&lt;/li&gt; &lt;li id="3"&gt;&lt;a href="#"&gt;联系&lt;/a&gt;&lt;/li&gt; &lt;li id="4"&gt;&lt;a href="#"&gt;帮助&lt;/a&gt;...

    在线购物网站制作与设计

    &lt;a id="a_url" href="http://download.csdn.net/" class="font_red"&gt;http://download.csdn.net/&lt;/a&gt;&lt;br /&gt; &lt;span id="stop"&gt;&lt;a id="a_switch" href="#"&gt;停止跳转，配置登录选项。&lt;/a&gt;&lt;br /&gt;&lt;/span&gt;&lt;/p&gt; &lt;div id...

    JS图片轮换广告代码

    &lt;td colspan=3&gt;&lt;a onClick="gotoshow()" onMouseOver="tu_ove()" onMouseOut="ou()" style="cursor:hand"&gt;&lt;img src="images/ad-01.jpg" width=325 height=190 name="slide" border=0&gt;&lt;/a&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td ...

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