今天是加入简书的第一天，本意是想让把它当作自己的网上笔记本，来永久记录自己学习前端的知识点，加入进来后才发现，原来它可以包含生活的方方面面， 那它就光荣的“升级”了，用来记录我一切想分享的东西吧。
话不多说，今天就只分享一下在我刚接触前端的时候，遇到的有意思的东西。
那会儿是在学a标签的时候，老师用了一个恶搞的小应用。
<a href="javascript:while(1){alert('让你手欠')}" target="_blank">点我啊</a>
输入好后在浏览器里显示的就是这样的：
当点了之后就会是这样：
哈哈，这个时候无论你怎么点“确定”都是没用的哦，是不是很有意思。当然了，这只是刚接触的时候用的一个简单的应用，等以后学的多了，即可加入更多的功能。这个时候，可能有些仙友们按捺不住好奇去试了，会说把这个网页关了不就好了。偷偷告诉你，就算你关了，你的浏览器也会卡一会儿的，我的电脑可能不好，浏览器崩溃了几次之后才正常。（ps：善意提醒，网络是把双刃剑，大家把这个当作无聊之余的小调剂就好了，千万别走上歪路哦，最终害人害己。）
最后来简单的介绍下a标签吧：
a标签 anchor 锚点：<a href=""></a> href:hyperText reference
a标签作用：1.超链接 2.锚点 3.打电话 4.协议限定符
1.超链接 <a href=""></a> 在引号内输入要链接的地方，可以是一个网站，也可以是一篇文章，一张图片等等
2、锚点 说起这个，可能有些新人仙友一头雾水，那么不知道大家看文章也好，微信朋友圈也罢，最下角有个“回到顶部”。那就是用到了锚点哦。这里我只学到了用id属性来做。
例：
<a href="#1">点我啊</a>
<a href="#2">点我啊</a>
<a href="#3">点我啊</a>
<a href="#4">点我啊</a>
<div id="1">1</div>
<div id="2">2</div>
<div id="3">3</div>
<div id="4">4</div>
然后，每个div设置的高度大些
<style>
div{
height: 5000px;
}
</style>
这样的话看哪个都需要滑动滚轮，很不方便，但用a标签就解决了，点第几个就会跳转到哪个上面。
3、打电话、发邮件。
<a href="tel:xxxxxxx"></a>
<a href="mail:xxxxxx"></a>这个的话在携程上有很多地方用到，大家自己去发现哦。
4、协议限定符。上面提到的恶搞例子就是用到了这个，这里就不再多说了。什么？不行？要详细说说？我不会啊，大哥们。。。。。。
拜拜了，今天就这样了哦！！！！
