JavaScript--href调用JS方法和href="#"与href="javascript:void(0)"
关于href属性
<a> 标签的 href 属性用于指定超链接目标的 URL。
超链接的 URL可能的值：
- 绝对 URL - 指向另一个站点（比如 href="http://www.example.com/index.htm"）
- 相对 URL - 指向站点内的某个文件（href="index.htm"）
- 锚 URL - 指向页面中的锚（href="#top"）
href 属性的值可以是任何有效文档的相对或绝对 URL，包括片段标识符和 JavaScript 代码段。
如果用户选择了 <a> 标签中的内容，那么浏览器会尝试检索并显示 href 属性指定的 URL 所表示的文档，
或者执行 JavaScript 表达式、方法和函数的列表。
注意：<a> 标签中必须提供 href 属性或 name 属性。
关于void(0)
javascript:void(0) 中最关键的是
void关键字， void 是 JavaScript 中非常重要的关键字，该操作符指定要计算一个表达式但是不返回值。void()仅仅是代表不返回任何值，但是括号内的表达式还是要运行，让超链接去执行一个js函数，void(alert("Warnning!"))
语法格式如下：
void func()
javascript:void func()或者
void(func())
javascript:void(func())实例
下面的代码创建了一个超级链接，当用户点击以后不会发生任何事。
<a href="javascript:void(0)">单击此处什么也不会发生</a>当用户链接时，void(0) 计算为 0，但 Javascript 上没有任何效果。
以下实例中，在用户点击链接后显示警告信息：
<p>点击以下链接查看结果：</p> <a href="javascript:void(alert('Warning!!!'))">点我!</a>以下实例中参数 a 将返回 undefined :
a = void ( b = 5, c = 7 );
区别
href="#"与href="javascript:void(0)"的区别
# 包含了一个位置信息，默认的锚是#top 也就是网页的上端。
而
javascript:void(0), 仅仅表示一个死链接。在页面很长的时候会使用
#来定位页面的具体位置，格式为：# + id。如果你要定义一个死链接请使用 javascript:void(0) 。
举例
<a href="javascript:void(0);">点我没有反应的!</a>
<a href="#pos">点我定位到指定位置!</a>
<br> ... <br>
<p id="pos">尾部定位点</p>
相关理解
// 阻止链接跳转，URL不会有任何变化 <a href="javascript:void(0)" rel="nofollow ugc">点击此处</a> // 虽然阻止了链接跳转，但URL尾部会多个#，改变了当前URL。（# 主要用于配合 location.hash） <a href="#" rel="nofollow ugc">点击此处</a> // 同理，# 可以的话，? 也能达到阻止页面跳转的效果，但也相同的改变了URL。（? 主要用于配合 location.search） <a href="?" rel="nofollow ugc">点击此处</a> // Chrome 中即使 javascript:0; 也没变化，firefox中会变成一个字符串0 <a href="javascript:0" rel="nofollow ugc">点击此处</a>
关于javascript:
javascript: 是一个伪协议，其他的伪协议还有 mail: tel: file: 等等。
javascript:是表示在触发<a>默认动作时，执行一段JavaScript代码，
而 javascript:; 表示什么都不执行，这样点击<a>时就没有任何反应。
href="javascript:;"就是去掉a标签的默认行为，跟href="javascript:void(0)"是一样的通常在这种情况下，会给<a>绑定一个事件回调，来执行业务，例如
<a id="jsPswEdit" class="set-item" href="javascript:;">修改密码</a> document.getElementById('jsPswEdit').addEventListener('click', function(e) { e.preventDefault(); // 当<a>触发click时，处理业务 }, false);
调用JavaScript的方法
1、a href="javascript:js_method();"
这是常用的方法，但是这种方法在传递this等参数的时候很容易出问题，而且javascript:协议作为a的href属性的时候不仅会导致不必要的触发window.onbeforeunload事件，在IE里面更会使gif动画图片停止播放。W3C标准不推荐在href里面执行javascript语句
2、 a href="javascript:void(0);" οnclick="js_method()"
这种方法是很多网站最常用的方法，也是最周全的方法，onclick方法负责执行js函数，而void是一个操作符，void(0)返回undefined，地址不发生跳转。而且这种方法不会像第一种方法一样直接将js方法暴露在浏览器的状态栏。
3、a href="javascript:;" οnclick="js_method()"
这种方法跟跟2种类似，区别只是执行了一条空的js代码。
4、a href="#" οnclick="js_method()"
这种方法也是网上很常见的代码，#是标签内置的一个方法，代表top的作用。所以用这种方法点击后网页后返回到页面的最顶端。5、a href="#" οnclick="js_method();return false;"
这种方法点击执行了js函数后return false，页面不发生跳转，执行后还是在页面的当前位置。
6、<a href="javascript:hanshu();"这样点击a标签就可以执行hanshu()函数了。综合上述，在a中调用js函数最适当的方法推荐使用：
<a href="javascript:void(0);" οnclick="js_method()"></a> <a href="javascript:;" οnclick="js_method()"></a> <a href="#" οnclick="js_method();return false;"></a>其他还没理解的方法
<a href="javascript：void(0)" onClick="window.open()"> 点击链接后，页面不动，只打开链接
<a href="#" onclick="javascript:return false;"> 作用一样，但不同浏览器会有差异。<a href="#" onclick="javascript:方法;return false;">文字</a><a href="javascript:void(0)" onclick="javascript:方法;return false;">文字</a>
