`

<a href='javascript:function()'>

 
阅读更多
<a href='javascript:function()'> 这样写是为了让这个链接不要链接到新页面转而执行一段js代码。和onclick能起到同样的效果，一般来说，如果要调用脚本还是在onclick事件里面写代码，而不推荐在href='javascript:function()' 这样的写法，因为 href 属性里面设置了js代码后，在某些浏览器下可能会引发其他不必要的事件。造成非预期效果。而且 onclick事件会比 href属性先执行，所以会先触发 onclick 然后触发href，所以如果不想页面跳转，可以设置 onclick里面的js代码执行到最后返回一个false，这样 href 里面的东西就不会执行了。在ajax应用程序中，多写着下面的这样 ，以表示这个链接不跳转，而执行一段js脚本。
<a href="javascript:void(0);" onclick="function()"></a>或者
<a href="javascript:;" onclick="function()"></a>
void(0) 只是用来计算一个空值，其实也是什么事情都不做，而分号“;”则表示是一个空的js语句，这样就不会有任何其他跳转发生了，而且W3C标准不推荐在href里面执行javascript语句，所以还是用 onclick事件触发吧
分享到：
| validator -api包，bean参数校验例子
评论
发表评论

文章已被作者锁定，不允许评论。

相关推荐

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

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

    空链接 href=＂#＂与href=＂javascript-void(0)＂的区别.docx

    document.querySelector('a[href="javascript:void(0)"]').addEventListener('click', function(e) { e.preventDefault(); // 阻止默认行为 console.log('点击事件被触发'); }); &lt;/script&gt; &lt;/body&gt; &lt;/html&gt; ```...

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

    如果使用a标签跳转到指定的div区域，则只需要把a标签的href属性设置为“#divId”就好了，比如： &lt;a&gt;跳转到div&lt;/a&gt; &lt;div di=dction_1&gt; 这里是被跳转的区域 &lt;/div&gt; 第二个，使用jquery添加或者移除class属性 也很...

    ASP.ENT中应用javascript分页

    &lt;span id="a3"&gt;&lt;/span&gt;　&lt;a href="#" onclick="change(--pageno)"&gt;上一页&lt;/a&gt;　 &lt;a href="#" onclick="change(++pageno)"&gt;下一页&lt;/a&gt;&lt;/div&gt; &lt;/body&gt; &lt;script&gt; var a = document.getElementById("all")....

    简单的html javascript导航栏

    &lt;li&gt;&lt;a href="#home"&gt;首页&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#about"&gt;关于&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#services"&gt;服务&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#contact"&gt;联系&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/nav&gt; ``` 接下来，我们利用CSS（Cascading ...

    数据库分页脚本 jsp

    &lt;script type="text/javascript"&gt; function gotoSelectedPage() { var x = document.getElementById("navigatorForm"); //alert("Original action: " + x.action) x.submit(); } &lt;/script&gt; &lt;form action=...

    javascript常用语句

    例如：&lt;style type="text/css"&gt;a:link{text-decoration:none} a:hover{text-decoration:none} a:visited{text-decoration:none}&lt;/style&gt; 8. 禁止鼠标右键的动作 可以使用JavaScript来禁止鼠标右键的动作。例如：...

    javascript marquee

    &lt;tr&gt; &lt;td width="30"&gt; &lt;a href="#" onClick="clickdiv()" id="aa"&gt;向左 &lt;/a&gt; &lt;/td&gt; &lt;td&gt; &lt;DIV id=demo style="OVERFLOW: hidden; WIDTH: 750px; COLOR: #ffffff"&gt; &lt;table cellSpacing=0 cellPadding=0 align=left...

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

    qq客服上用的图片焦点js+c

    &lt;div id="con_tophome_2" class="hidecontent"&gt;&lt;a href="/self/self_help.shtml" target="_blank" onclick="javascript:pgvSendClick({hottag:'KF.SERVICE.INDEX.SELF_1'});"&gt;&lt;img src="ad_3.jpg" alt="自助服务...

    javascript实现下拉菜单

    &lt;li&gt;&lt;a href="#"&gt;子菜单1&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;子菜单2&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;主菜单2&lt;/a&gt; &lt;ul class="submenu"&gt; &lt;li&gt;&lt;a href="#"&gt;子菜单3&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;子菜单4&lt;/a&gt;&lt;/li&gt;...

    仿Facebook底部工具栏的实现

    &lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;...

    网页特效 导航菜单特效

    &lt;a href="http://www.5icool.org/"&gt;JavaScript&lt;/a&gt; &lt;ul&gt; &lt;li&gt; &lt;a href="http://www.5icool.org/"&gt;Navigation&lt;/a&gt; &lt;/li&gt; &lt;li&gt; &lt;a href="http://www.5icool.org/"&gt;Shopping Carts&lt;/a&gt; &lt;/li&gt; &lt;li&gt; &lt;a href=...

    javascript分页效果code

    outstr = outstr + "&lt;a href='javascript:void(0)' onclick='gotopage("+count+")'&gt;"+count+"&lt;/a&gt;"; }else{ outstr = outstr + "&lt;span class='current' &gt;"+count+"&lt;/span&gt;"; } } } if(totalpage&gt;10){ /...

    jQuery折叠菜单

    &lt;li class="item2"&gt;&lt;a href="#" class="title"&gt;&lt;img src="images/所有污染源列表查询.gif" /&gt;全部污染源&lt;/a&gt;&lt;/li&gt; &lt;li class="item2"&gt;&lt;a href="#" class="title" onclick="fold(this);return false;"&gt;&lt;img ...

    How To Make Simple Spin Menu Using HTML JavaScript.zip

    &lt;li data-angle="90"&gt;&lt;a href="#"&gt;菜单项1&lt;/a&gt;&lt;/li&gt; &lt;li data-angle="180"&gt;&lt;a href="#"&gt;菜单项2&lt;/a&gt;&lt;/li&gt; &lt;li data-angle="270"&gt;&lt;a href="#"&gt;菜单项3&lt;/a&gt;&lt;/li&gt; &lt;li data-angle="360"&gt;&lt;a href="#"&gt;菜单项4&lt;/a&gt;&lt;/...

    javascript下拉菜单.txt

    &lt;li&gt;&lt;a href="#"&gt;主项1-&gt;子项1&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;主项1-&gt;子项2&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;主项1-&gt;子项3&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;主项1-&gt;子项4&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;li onmouseover=...

    JavaScript实现的3级横向导航菜单源码

    &lt;li&gt;&lt;a href="#"&gt;三级菜单1-1-1&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;三级菜单1-1-2&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;子菜单1-2&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;!-- 其他一级菜单项 --&gt; &lt;/ul&gt; &lt;/nav&gt; ``` 接下来，我们...

    How To Make Simple SideBar Menu Using HTML JavaScript.zip

    &lt;li&gt;&lt;a href="#"&gt;首页&lt;/a&gt;&lt;/li&gt; &lt;li&gt; &lt;a href="#"&gt;关于我们&lt;/a&gt; &lt;ul class="submenu"&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;/ul&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; ``` 接下来，我们...

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