教你制做书签脚本

所谓书签脚本，纯属我本身制造的名词。

常常的，咱们会看到以下交互界面：

拖动一个按钮到书签栏，而后就可使用特定的功能，还兼容全部的浏览器。第一次看到感受很新奇，以为好厉害，不知道怎么作出来的。

我不知作别人是怎么称呼 “这种技巧” 的，也没去问过，由于它其实很简单，我怕问了有失个人“身份”，因此我决定继续装B，我就暂且把它称为 书签脚本(bookmark-script)。

咱们都知道 书签 的做用就是帮咱们保存网址，点一下就能跳转到相应的网址。不一样浏览器对如何添加书签有不一样的方式：

这里直接截取财付通的一个帮助文档，详细可点击 原文档地址

1. IE系列浏览器

2. chrome 等高级浏览器

事实上，书签就是一个个连接，无论是右键添加到收藏夹仍是拖动，保存的都是右键或拖动的对象的地址，能够新建一个 html 页面复制下面 a标签，拖动或添加到收藏夹试试。

<a href="http://www.cnblogs.com/littledu">拖到收藏栏点击我</a>

那如何让点击的时候作咱们想作的功能呢？这个就更简单了。

可能做为一名新生代的前端，重构，接受的都是标准的，规范的知识，知道要 结构，表现，行为 三者分离，因此你可能没写过，甚至不知道古老的 a标签 能够直接执行 JS 代码。继续复制以下运行：

<a href="javascript:alert('嘿哟，不错哦！');">拖到收藏栏点击我</a>

相信你看到这里已经明白了如何制做一个 bookmark-script。甚至会鄙视我这么简单的东西竟然也整理出来，还写得这么啰嗦。但昨天一直被某死开发一直纠着个人 第一次，强调万事都有 第一次 不放。因此想一想这第一次，也就厚着脸皮放了出来。

本文屡次出现财付通的重构单元测试截图，但绝非本人故意作托，只是为了举例方便恰好印象中这工具就是用此方法，故用之。
某人看到这里一脸鄙夷说：你想多了，没多少人认识你，可能不会有人看到你这篇“软文”。

好吧！