让H5在浏览器左下角不显示网址

最近由于在开发html5时有鼠标悬停不显示链接的需求，所以做下笔记

当我鼠标悬停在一个按钮上时，通常浏览器左下角都会直接显示链接，通常的写法是这样的

<a href="https://baidu.com">点我</a>

这种写法会让你鼠标在按钮上停留时在左下角显示链接，而我们在其他网站看到的很多都是鼠标悬停时显示javascrpit:void();这种写法的原理就是用dom去监听click，当你点击之后，dom监听到了就去执行跳转，javascript:void(); 这个本身不执行任何事件，都是js脚本在执行的
让浏览器左下角显示javascript:void(); 方法如下

HTML中要写这一句
<a id="baidu" href="javascript:void;">百度</a>

js脚本写这一句
document.getElementById("baidu").onclick=function(){location.href='https://baidu.com'};

然后让html去调用这个js脚本,需要在html文件中加一句调用js脚本的语句

<script type="text/javascript"src="baidu.js"></script>

当你鼠标放到按钮上后，左下角就会显示javascript:void();了，点击按钮后，会触发js脚本，从而实现url跳转的目的
建议写完js脚本后对js进行加密一下防止别人窃取成果
可以使用这个网站对js进行加密 http://tool.mkblog.cn/jsobfuscator/