`
orange5458
  • 浏览: 348315 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

<a/>中href和onclick的区别

JavaScriptIEHTML 
阅读更多
  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>

 

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

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

分享到：
| ORACLE DBMS_SCHEDULER -- 好贴收藏
评论
发表评论

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

相关推荐

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

    一个简单的网页设计

    &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_...

    客户端实验设计

    &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; ...

    在线订餐系统基于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; ...

    在线购物网站制作与设计

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

    数据库实例精粹——网上书店

    &lt;br&gt;&lt;p&gt;&lt;a href="javascript:window.close()"&gt;关闭窗口&lt;/a&gt;&lt;/p&gt; &lt;table width="100%" border="0" cellspacing="2" cellpadding="2"&gt; &lt;tr&gt; &lt;td align="center"&gt;隽隽书店在线&lt;br&gt; CopyRight@2004 &lt;br&gt; Email:&lt;a ...

    html个人网站xp界面

    if request.QueryString("iPage")&lt;&gt;"" then iPage=CInt(request.QueryString("iPage")) 'if iPage&lt;1 then iPage=1 'if iPage&gt;rs.pageCount then iPage=rs.pageCount else ...

    鼠标点击展开关闭层效果

    &lt;p&gt;&lt;a href="###" onclick="openShutManager(this,'box2',true)"&gt;点击展开&lt;/a&gt;&lt;/p&gt; &lt;p id="box2" style="display:none"&gt; 这里面放的是box的内容. &lt;/p&gt; &lt;p&gt;&lt;a href="###" onclick="openShutManager(this,'box3',...

    网上图书销售数据库+ASP

    &lt;% '-------------------------------------------------------------------- ' Microsoft ADO ' ' Copyright (c) 1996-1998 Microsoft Corporation. ' ' ' ' ADO constants include file for VBScript ' '---------...

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