`
java-mans
  • 浏览: 11492348 次
文章分类
社区版块
存档分类
最新评论

<a href="#" onclick=""> 不能不知道的技巧

 
阅读更多

在一个超链接中 可以使用href 和onlick,有时要在A的标记同时使用,在同时使用时,有时让href起作用或者失效,那么如何设计呢?

使用javascript的时候,通常我们会通过类似:
<a href="#" onclick="javascript:方法">提交</a>
的方式,通过一个伪链接来调用javascript方法.

这种方法有一个问题是:
虽然点击该链接的时候不会跳转页面.但是滚动条会往上滚,解决的办法是返回一个false.
如下所示:


<a href="#" onclick="javascript:方法;return false;">提交</a>

有时恰好要利用锚记功能,再比如 给Micolog博客加简单的回复功能所使用的代码

<a href="#commentarea" onclick="return backcomment('{{comment.author}}');">回复</a>

//回复自动输入姓名函数
function backcomment(msg){
backdb=document.getElementById('comment');
backdb.value="@"+msg;
return true;
}

分享到:
评论

相关推荐

    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折叠菜单

    &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="#...

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

    asp.net汽车销售网站

    &lt;/font&gt;&lt;a href="chknews.asp"&gt;&lt;FONT COLOR=&lt;%=bgclr4%&gt;&gt;&lt;% = strcat %&gt;&lt;/font&gt;&lt;/a&gt;&lt;/td&gt;&lt;/TR&gt;&lt;/table&gt; &lt;% Const MaxPerPage=20 dim totalPut dim CurrentPage dim TotalPages dim j ...

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

    各种代码大全查询包括网页的等等

    &lt;DIV align=center&gt;&lt;a href="http://www.baidu.com/"&gt;&lt;img src="http://img.baidu.com/img/logo-80px.gif" alt="Baidu" align="bottom" border="0"&gt;&lt;/a&gt;&lt;/DIV&gt;&lt;/TD&gt; &lt;TD vAlign=bottom width="92%"&gt; &lt;INPUT name=...

    对话框实例

    源代码如下 &lt;!DOCTYPE ... &lt;td colspan="2" bgcolor="#FFCCFF" align="center"&gt;&lt;input type="submit" name="button" id="button" value="确认" onclick="a()" /&gt;&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;/body&gt; &lt;/html&gt;

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

    FLASH考试系统

    &lt;td width="193" class="p11"&gt;&lt;a href="?page=&lt;%=ipage%&gt;&delid=&lt;%=rs("ksid")%&gt;" class="p12" &gt;重考&lt;/a&gt;&nbsp;&nbsp;&nbsp;&nbsp;&lt;a onClick="window.open('admin_hefen.asp?ksid=&lt;%=rs("ksid")%&gt;', '_blank','...

    简单的员工管理

    '+Math.random()"&gt;看不清,换一张&lt;/a&gt;&lt;/h2&gt;&lt;/td&gt; &lt;td align = "center"&gt; &lt;input type="submit" class="button" style=width:70px;height:35px;font-size:13px value="注册"/&gt; &lt;/td&gt; &lt;/...

    客户端实验设计

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

    悬浮层效果

    &lt;div class="title"&gt;&lt;div class="titcon"&gt;&lt;span class="login"&gt;用户登录&lt;/span&gt;&lt;span class="close" onclick="popdown()"&gt;x&lt;/span&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="content"&gt; &lt;form action="#" method="post" name=...

    网上图书销售数据库+ASP

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

    js实现精致折叠菜单

    href="#"&gt;磁性元器件研发及应用技术区&lt;/A&gt;&lt;/DIV&gt; &lt;DIV id=file5 style="DISPLAY: block"&gt; &lt;UL&gt; &lt;LI&gt;&lt;IMG src="images/_line4.gif" align=absMiddle&gt;&lt;IMG src="images/_line1.gif" align=absMiddle&gt;&lt;IMG src=...

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

    点击选择框出现下拉模块信息,点击信息到选择框中

    点击选择框出现下拉&lt;div class="close" id="close"&gt;&lt;a onclick="document.getElementById('titt').style.visibility='hidden'"&gt;选择&lt;/a&gt;&lt;/div&gt; &lt;div class="clear"&gt;&lt;/div&gt; &lt;ul&gt; &lt;li&gt;&lt;a onclick="addValue('el...

    网页制作简易图片列表

    &lt;li&gt;&lt;a onclick="alert(1)"&gt;&lt;img src="img/xiaodingdanghexianzijiuyuan.jpg" border="0" /&gt;&lt;span&gt;小叮当和仙子救援大行动&lt;/span&gt;&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a onclick="alert(1)"&gt;&lt;img src="img/bihu.jpg" border="0" /&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;/option&gt; &lt;/select&gt; &lt;/div&gt; ...

    基于Struts+Hibenater

    &lt;%@ page language="java" import=... &lt;input type="button" onclick="location.href='register.do?method=getAllMajors'" value="注册"/&gt;&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;/form&gt; &lt;/center&gt; &lt;/body&gt; &lt;/html&gt;

    ajax控件支持

    &lt;body&gt; &lt;div style="width: 100px; position: relative; padding-left: 10px;"&gt; &lt;input type="text"/&gt; &lt;select name="select1" id="select1" onfocus="demo(this.id);" onclick="this.size='1';" style...

Global site tag (gtag.js) - Google Analytics