最近看了好几个关于<a>标签和javascript:void(0)的帖子,谨记于此,以资查阅。
注:以下代码未经全面测试,但每一种方法可能会出现的情况都基本做了说明。
在做页面时,如果想做一个链接点击后不做任何事情,或者响应点击而完成其他事情,可以设置其属性 href = "#",但是,这样会有一个问题,就是当页面有滚动条时,点击后会返回到页面顶端,用户体验不好。
目前有如下几种解决办法:
1)点击链接后不做任何事情
1.<a href="javascript:void(0);" >test</a>
2.<a href="javascript:;" >test</a>
3.<a href="####" >test</a> //使用2个到4个#,见的大多是"####",也有使用"#all"等其他的
2)点击链接后,响应用户自定义的点击事件
1.<a href="javascript:void(0)" onclick="doSomething()">test</a>
2.<a href="#" onclick="doSomething();return false;">什么问题都解决了,包括浏览器不兼容问题</a> //或者直接使用href=""
3.<a href="#" onclick="alert();event.returnValue=false;">test</a>
说明:
1.javascript:void(0)这种伪协议,少写的好,如果你看过一些web标准的书就知道为什么了。(不懂,原话摘的,暂做记录)
2.链接(href)直接使用javascript:void(0)在IE中可能会引起一些问题,比如:造成gif动画停止播放等,所以,最安全的办法还是使用“####”。为防止点击链接后跳转到页首,onclick事件return false即可。
3.如果仅仅是想鼠标移过,变成手形,可以使用
<span style="cursor:pointer" onclick="foo()">Click Me!</span>
void是javascript的操作符,意思是:只执行表达式,但没有返回值,
void 操作符用法格式如下:
1. javascript:void (expression)
2. javascript:void expression
为了程序风格良好,建议使用第二种带上括号的
我们可以使用void操作符指定超级链接,如javascript:void(document.form.submit())。表达式会被计算但是不会在当前文档处装入任何内容,void(0)计算为0,但在JavaScript上没有任何效果,也就是说 <a href="javascript:void(0)">的效果同<a href="javascript:void(1)">的效果是一样的。
关键是只要知道void是javascipt自身的操作符,它表示的是只执行表达式,但没有返回值!
另外页面会自动调回顶端,是因为"#"默认的瞄点位置是top,所以会出现这种情况。
分享到:
相关推荐
-- <a href=""></a> -->超链接标签(用于从一个页面链接到另一个页面) <br> 文本超链接 <br> <a href="https://www.baidu.com/">百度</a> <div> <!-- <a href=" 不写值 ">百度</a> -->空链接 <br> <a href=""></...
5.2. <a>标签:为网页添加超链接 17 5.3. <a>标签 target属性:在窗口中打开链接 17 5.4. <table>家族:为网页添加表格 18 5.5. <thead>、<tbody>、<tfoot>标签:定义表格的表头、表身、表尾 19 6. HTML5表单标签 20...
<br/><br/> 属性: <br/><br/> Text:控件显示的文字内容 <br/> Href:控件显示的文字的超链接地址 <br/> Target:控件显示超链接的目标框架 <br/> StyleBackGround:控件背景样式 <br/> StyleMouseOut:控件鼠标离开后...
<br>中文译名:<br>UML参考手册 (第2版)(软件开发教父Martin Fowler推荐图书)<br><br>原 书 名: Unified Modeling Language Reference Manual,(2nd Edition) <br><br>原出版社: Addison Wesley/Pearson <br><br>作 ...
网页设计超链接<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "html:www.w3.org/TR/html40/strict.dtd"> <html> <head bgcolor="#ffffdd"> <title>快乐动物园</title> </head> <body> 各位亲爱的小朋友...
2. <s:a href=""></s:a>-----超链接,类似于html里的<a></a> 3. <s:action name=""></s:action>-----执行一个view里面的一个action 4. <s:actionerror/>-----如果action的errors有值那么显示出来 5. <s:...
HTML(超文本标记语言)是用于构建网页结构和内容的标记语言。它是Web开发的基础,用于描述网页中各个元素的层次结构、语义以及如何呈现内容。...链接和锚点: 使用<a>标签创建超链接,指向其他页面、文件或资源。可
Javascript中void是一个操作符,该操作符指定要计算一个表达式但是不返回值。 void 操作符用法格式如下: 1. [removed]void (expression) 2. [removed]void expression ...1:<a></a> 2:<a></a> 3
css中关于超链接的四个属性一般正常顺序为:link,visited,hover,active,即: a:link 链接平常的状态 a:visited 链接被访问过之后 a:hover 鼠标放到链接上的时候 a:active 链接被按下的时候
-----------------------------<br>DotNetTextBox 更新历史<br>-----------------------------<br>2007/8/18<br>Version 3.3.1 Free<br><br>Updates:<br>1) 改进文件重命名的安全BUG,现在重命名功能不可修改文件后缀...
<a> 标明超链接的起始或目的位置。 <A HREF TARGET> 指定超级链接的分割窗口 <A HREF=#锚的名称> 指定锚名称的超级链接 <A HREF> 指定超级链接 <A NAME=锚的名称> 被连结点的名称 <acronym> 标明缩写词。 <address> ...
<br> 1、文章可以在后台进行自动分页(通过插入[PAGE]标签进行自动分页)<br> 2、文章内部链接功能:通过添加的专题关键字在文章内容中自动识别,生成超链接 3、文章的HTML编辑功能:可视化编辑
a和href属性HTML用<a>来表示超链接,英文叫anchor。 <a>可以指向任何一个文件源:一个HTML网页,一个图片,一个影视文件等。用法如下: <ahref>链接的显示文字</a>点击<a></a>当中的内容,即可打开一个链接文件,...
3、<a> 定义超链接。 4、<abbr> 定义缩写。 5、<address> 定义地址元素。 6、<area> 定义图像映射中的区域。 7、<article> 定义外部的内容。 8、<aside> 定义article 以外的内容。 9、<audio> 定义声音内容。 10、<b...
<html> <head></head> <body></body> </html> 3、怎么在页面标志一个段落 ... <a href="路径"></a> 二、本章内容: 1、HTML,超文本标记语言 超文本:文字,图片,视频,音频。。。 标记:就是用来标志超文本
myie.zip <br>myie的源代码,是VC写的(473KB)<br>123,landergame3.zip <br>着陆(lander)游戏 第三版(75KB)<br>124,landergame2.zip <br>着陆(lander)游戏 第二版(68KB)<br>125,previnstance.zip <br>超链接怎么...
1,codenet5.ZIP <br>网络五子棋(84KB)<br>2,mailcheck.ZIP <br>邮件检查程序(8KB)<br>3,sendmail.ZIP <br>简单电子邮件发送程序(4KB)<br>4,whois.ZIP <br>Whois 示例程序(2KB)<br>5,mailsender_plus.ZIP <br>发送...
<a> 标签的 href 属性用于指定超链接目标的 URL,href 属性的值可以是任何有效文档的相对或绝对 URL,包括片段标识符和 JavaScript 代码段。 这里的href=”[removed];” rel=”external nofollow” rel=”external ...
标记:<a>内容</a> 属性: 1、href : 要链接的HTML页面URL 2、target : 目标,指定新网页的打开形式 取值: 1、_blank : 在新标签页中打开网页 2、_self : 在自身标签页中打开新网页(默认值) Demo 1、创建...