javascript:void(0)使用介绍与伪协议

最近看了好几个关于<a>标签和javascript：void(0)的帖子，谨记于此，以资查阅。
在做页面时，如果想做一个链接点击后不做任何事情，或者响应点击而完成其他事情，可以设置其属性 href = “#”，但是，这样会有一个问题，就是当页面有滚动条时，如果不做任何处理点击后会返回到页面顶端。

目前有如下几种解决办法:
1.点击链接后不做任何事情

<a href="#"></a><a href="#none"></a><a href="###"></a><a href="javascript:"></a><a href="javascript:;"></a><a href="javascript:void(0)"></a><a href="javascript :void(0);"></a>

第1种，点击这个链接后，会让页面跳到页面顶部，在location.href后面增加#号。
第2种，点击这个链接后， 如果页面里面有id为none的元素，会执行锚点机制跳转到这个元素上缘。
第3种，不跳转，可以阻止默认的跳转行为，但是这个在后端代码中容易识别成注释，后面的代码不显示，之前遇到过这种坑，之后再没用过。
后面几种使用了javascript伪协议。我们上面已经对5和7进行了说明，想详细了解void运算符，可前往https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/void查看。
为什么我要列出4和6呢，有时候有些同学会忘记写分号，这样在IE6下面点击a标签，会造成页面中的gif暂停。
另外<a href="#" onclick='return false'></a>当return为false，js会判定点击事件没有触发，同样可以禁止页面跳转

2.点击链接后，响应用户自定义的点击事件

<a href="javascript：void(0)" onclick="doSomething()">test</a> <a href="#" onclick="doSomething();return false;">什么问题都解决了,包括浏览器不兼容问题</a> //或者直接使用href="" <a href="#" onclick="alert();event.returnValue=false;">test</a>

说明：
1.javascript：void(0)这种伪协议，少写的好，禁止加载js的用户会无法正常使用你的页面。
2.链接（href）直接使用javascript：void(0)在IE中可能会引起一些问题，比如：造成gif动画停止播放等，所以，最安全的办法还是使用“####”。为防止点击链接后跳转到页首，onclick事件return false即可。
3.如果仅仅是想鼠标移过，变成手形，可以使用
<span style="cursor:pointer" onclick="foo()">Click Me!</span>

123

引申:
1.void 操作符用法格式如下：

javascript：void (expression)  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，所以会出现这种情况。

2.javascript 伪协议：
伪协议不同于因特网上所真实存在的协议，如http://，https://，ftp://，

而是为关联应用程序而使用的.如:tencent://(关联QQ)，data:(用base64编码来在浏览器端输出二进制文件)，还有就是javascript:

我们可以在浏览地址栏里输入"javascript:alert('JS!');"(不信可以试试哦！)，点转到后会发现，实际上是把javascript:后面的代码当JavaScript来执行，并将结果值返回给当前页面。

将javascript代码添加到客户端的方法是把它放置在伪协议说明符javascript:后的URL中。这个特殊的协议类型声明了URL的主体是任意的javascript代码，它由javascript的解释器运行。如果javascript:URL中的javascript代码含有多个语句，必须使用分号将这些语句分隔开。这样的URL如下所示：
javascript:var now = new Date(); "<h1>The time is:</h1>" + now;
(大家同样可以在自己的浏览器里试试上边的代码)
当浏览器装载了这样的URL时，它将执行这个URL中包含的javascript代码，并把最后一条javascript语句的字符串值作为新文档的内容显示出来。这个字符串值可以含有HTML标记，并被格式化，其显示与其他装载进浏览器的文档完全相同。

javascript URL还可以含有只执行动作，但不返回值的javascript语句。例如：

javascript:alert("hello world!")

装载了这种URL时，浏览器仅执行其中的javascript代码，但由于没有作为新文档来显示的值，因此它并不改变当前显示的文档。

通常我们想用javascript:URL执行某些不改变当前显示的文档的javascript代码。要做到这一点，必须确保URL中的最后一条语句没有返回值。一种方法是用void运算符显式地把返回值指定为underfined，只需要在javascript:URL的结尾使用语句void 0;即可。例如：下面的URL将打开一个新的空浏览器窗口，而不改变当前窗口的内容：

javascript:window.open("about:blank"); void 0;

如果这个URL没有void运算符，window.open()方法的返回值将被转换成字符串并被显示出来，当前窗口将被如下所示的文档覆盖。