今天是加入简书的第一天，本意是想让把它当作自己的网上笔记本，来永久记录自己学习前端的知识点，加入进来后才发现，原来它可以包含生活的方方面面， 那它就光荣的“升级”了，用来记录我一切想分享的东西吧。

话不多说，今天就只分享一下在我刚接触前端的时候，遇到的有意思的东西。

那会儿是在学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、协议限定符。上面提到的恶搞例子就是用到了这个，这里就不再多说了。什么？不行？要详细说说？我不会啊，大哥们。。。。。。

拜拜了，今天就这样了哦！！！！