`

<a href="#" onclick="">的一个小技巧

阅读更多

使用javascript的时候,通常我们会通过类似:

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

的方式,通过一个伪链接来调用javascript方法.这种方法有一个问题是:虽然点击该链接的时候不会跳转页面.但是滚动条会往上滚,解决的办法是返回一个false.

如下所示:

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

a href=#与 a href=javascript:void(0) 的区别打开新窗口链接的几种办法

#包含了一个位置信息

默认的锚点是#top 也就是网页的上端而javascript:void(0)  仅仅表示一个死链接这就是为什么有的时候页面很长浏览链接明明是#可是跳动到了页首

而javascript:void(0) 则不是如此所以调用脚本的时候最好用void(0)或者<input onclick><div onclick>等

打开新窗口链接的几种办法

1.window.open('url')

2.用自定义函数

        <script>

        function openWin(tag,obj)

        {

            obj.target="_blank";

            obj.href = "Web/Substation/Substation.aspx?stationno="+tag;

            obj.click();

        }

        </script>

<a  href="javascript:void(0)" onclick="openWin(3,this)">杭州</a>

(注:该方法可以解决超级链接的onclick事件经过判断再设置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折叠菜单

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

    FLASH考试系统

    应用ASP开发的一个简单学校考试系统 &lt;%@LANGUAGE="VBSCRIPT" CODEPAGE="936"%&gt; &lt;!--#include file="conn.asp"--&gt; &lt;% IF Request.QueryString("delid")&lt;&gt;"" Then %&gt; &lt;script language="VBScript"&gt; Dim MyVar MyVar=...

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

    jquery实现div上下移动

    &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="down(this);"&gt;下移&lt;/a&gt; &lt;span&gt;内容二&lt;/span&gt; &lt;/div&gt; &lt;/div&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=...

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

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

    点击选择框出现下拉&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...

    网上图书销售数据库+ASP

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

    一个简单的网页设计

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

    网页制作简易图片列表

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

    UCHOME1.5首页友情链接插件

    &lt;h3 class="title"&gt;&lt;div class="r_option"&gt;&lt;a href="addlink.php?ac=add" id="a_l" onclick="ajaxmenu(event, this.id, 99999, '', -1)"&gt;申请友情连接&lt;/a&gt;&lt;/div&gt; 友情连接(&lt;a href="addlink....

    基于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;

Global site tag (gtag.js) - Google Analytics