教你製做書籤腳本

所謂書籤腳本，純屬我本身製造的名詞。

常常的，咱們會看到以下交互界面：

拖動一個按鈕到書籤欄，而後就可使用特定的功能，還兼容全部的瀏覽器。第一次看到感受很新奇，以爲好厲害，不知道怎麼作出來的。

我不知作別人是怎麼稱呼 「這種技巧」 的，也沒去問過，由於它其實很簡單，我怕問了有失個人「身份」，因此我決定繼續裝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。甚至會鄙視我這麼簡單的東西竟然也整理出來，還寫得這麼囉嗦。但昨天一直被某死開發一直糾着個人 第一次，強調萬事都有 第一次 不放。因此想一想這第一次，也就厚着臉皮放了出來。

本文屢次出現財付通的重構單元測試截圖，但絕非本人故意作託，只是爲了舉例方便恰好印象中這工具就是用此方法，故用之。
某人看到這裏一臉鄙夷說：你想多了，沒多少人認識你，可能不會有人看到你這篇「軟文」。

好吧！