向插入javascript的收藏夹添加按钮

Question

我看过一些网站提供了一个工具，允许用户将按钮拖到他们的收藏夹栏然后当他们点击它时，无论他们在哪个网站上，都会弹出某种形式的div。页。当我看到我拖到我的收藏夹栏上的按钮的网址时，我意识到它实际上是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');

使用相同的概念书签'scriptlets'的工作。如果您的网页上有以下<A>代码：

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

然后将其拖到书签栏上，您将创建一个具有相同行为的scriptlet。