添加一個按鈕到收藏夾中進行的插入JavaScript的

Question

我已經看到了一些網站提供的工具，允許用戶將一個按鈕在他們的收藏欄，然後當他們點擊它，不管他們是什麼網站上，一個div某種形式的網頁會彈出。當我查看我拖到我的收藏夾上的按鈕的URL時，我意識到它實際上是JavaScript代碼。

這個效果如何實現？

Answer 1

這被稱爲「小書籤」。您可以創建一個超鏈接，其中包含必要的JavaScript代碼，並將其拖放到書籤工具欄中。

就像在您的頁面上創建包含JavaScript的超鏈接作爲其href一樣簡單。例如：

<a href='javascript:alert("you clicked a bookmarklet");'>Drag me to your bookmarks</a> 

See it in action at JSFiddle...

爲了使它看起來像一個按鈕，被施加CSS（邊框，背景顏色等）。在瀏覽器的地址欄中

Answer 2

試着鍵入此當你按返回的JavaScript將自動執行：使用相同的概念

javascript:alert('hi'); 

書籤「小腳本的工作。如果你有一個<A>標記您的網頁上進行如下：

<a href="javascript:alert('hi');" >Hello Scriptlet</a> 

你把它拖到書籤欄，你會創建具有相同行爲的scriptlet。