JavaScript FAQ(二十三)—— Bookmarklet

简介: 二十、Bookmarklet 1、什么是Bookmarklet?(What's a Bookmarklet?)Q:什么是Bookmarklet?A:Bookmarklet是整个都被包含在超链接URL中的一小段JavaScript程序。

二十、Bookmarklet

 

1、什么是Bookmarklet?(What's a Bookmarklet?)

Q:什么是Bookmarklet?

A:Bookmarklet是整个都被包含在超链接URL中的一小段JavaScript程序。(JavaScript URL就是这个样子:<a href="javascript:the code goes here">。)多数浏览器允许用户添加这些JavaScript URL书签,就像添加其他超链接一样。bookmarklet这个词是由Steve Kanga创造的,他也自己开发了许多有用的bookmarklet。下面就是一个简单的例子:后退bookmarklet。

Go-Back Bookmarklet

 这个bookmarklet等价于浏览器的后退按钮。点击上面的标题可以预览其效果。在标题上点击右键,(根据浏览器)选择添加书签或者添加到收藏夹,就可以把它添加到你的书签中。

 

2、Bookmarklets:浏览器支持(Bookmarklets: Browser Support

Q:那些浏览器支持bookmarklets?

A:下列浏览器都支持bookmarklet:

Netscape Navigator 3.0 及更新版本 Internet Explorer 4.0 及更新版本

并不是所有的bookmarklet都可以在任何浏览器中正常工作。 这是因为不同浏览器对JavaScript的实现不同。要编写一个跨浏览器的bookmarklet:

3、Bookmarklet:最大长度(Bookmarklet: Maximum Length

Q:Bookmarklet代码的最大长度是多少?

A:Bookmarklet代码的最大长度会根据浏览器的不同而不同。

实验表明,最严格的需求是在IE6.x中。任何代码长度达到510的bookmarklet在IE6中可能都没有办法正常工作。

 

4、计算器Bookmarklet(Calculator Bookmarklet

Q:我是否可以在我的书签中有一个计算器?

A:可以,这就是一个计算器bookmarklet

点击上面的链接,可以预览其效果。要关闭计算器,只需点击它上面的取消按钮。要想把这个计算器添加到你的书签中,在超链接上点击右键,然后(根据浏览器不同)选择增加书签或者添加到收藏夹

这个bookmarklet在NS4和MSIE4中测试通过。

 

5、时钟Bookmarlet(Clock Bookmarklet

Q:我可否在书签中有一个时钟?

A:可以,这就是一个时钟bookmarklet

这个是时钟会显示你浏览器的状态栏上。点击上面的链接,预览其效果。 要想把这个时钟添加到你的书签中,在超链接上点击右键,然后(根据浏览器不同)选择增加书签或者添加到收藏夹

这个bookmarklet在MSIE4+、Firefox1.5以及NS4+中测试通过。

 

6、JavaScript解释器Bookmarklet(JavaScript Interpreter Bookmarklet

Q:我是否可以创建一个包含JavaScript解释器的bookmarklet?

A:当然可以。实际上,一些JS程序员发现JavaScript解释器bookmarklet十分有用。不仅仅是因为它可以直接执行一行JavaScript代码,它还可以在查看HTML页面时检查代码中的任何变量的状态。这里就是一个JavaScript解释器bookmarklet.

 

点击上面的链接获取JavaScript解释器输入框。 输入JS变量名,检查其状态。 输入一行代码,执行它。 点击输入框上的 取消按钮退出解释器输入框。 要想把这个JavaScript解释器添加到你的书签中,在超链接上点击右键,然后(根据浏览器不同)选择 增加书签或者 添加到收藏夹

 

这个bookmarklet在NS4和MSIE4上测试通过。

目录
相关文章
|
JavaScript 前端开发
JavaScript FAQ(二十)—— 日期和时间
十七、日期和时间   1. 时钟示例(Clock Example) Q:我如何使用JavaScript编写一个时钟程序? A:一个简单的时钟程序就是每秒获取一个新的Date()(或者,更好些,一秒几次),然后将时间信息从Date()对象中显示出来。
784 0
|
JavaScript 前端开发 Java
JavaScript FAQ (十九)——文件访问
十六、文件访问(File Access)   1、读取文件(Reading a File) Q:如何将文件读取到JavaScript变量中? A:根据脚本运行的环境和文件的位置,你可以有以下选项: XMLHttpRequest 对象(通过URL读取网站上可用的文件) FileSystemObject(如果你在一个被信任的环境下使用Windows Scripting Hosting或者IE) 一个读取文件或者URL的“助手”Java applet  关于前两个选项的讨论,请点击上面的超链接。
831 0
|
JavaScript 前端开发
JavaScript FAQ(十四)——鼠标事件(一)
十二、 鼠标事件   1. 鼠标事件属性(Mouse Event Properties ) Q:哪些事件属性我可以用来分析鼠标事件?A:Netscape Navigator 4和Internet Explorer 4(以及较新版本)支持相当少的事件属性。
756 0
|
JavaScript 前端开发 Windows
JavaScript FAQ(十五)——鼠标事件(二)
 十二、鼠标事件   2. 左键 vs.右键(Left vs. Right Button) Q:我如何检查用户点击的是右键还是左键? A:click事件只在左键发生,因此onClick事件处理器不用进行左右键测试。
774 0
|
JavaScript 前端开发 Windows
JavaScript FAQ(十六)——鼠标事件(三)
 十二、鼠标事件   5. Ctrl、Alt、Shift键(Ctrl, Alt, Shift Keys) Q:我如何检测和按下Ctrl、Alt和Shift键一起的鼠标事件? A:在当今的浏览器中,脚本可以检测鼠标事件发生时,用户是否按下了Ctrl、Alt或者Shift键中任何一个。
825 0
|
JavaScript 前端开发 机器学习/深度学习
JavaScript FAQ(十七)——颜色
十三、颜色    1. 背景色(Background Color) Q:如何修改页面背景色? A:可以通过设置document.bgcolor属性来改变背景色。例如,把背景色改为灰色: document.
869 0
|
JavaScript 前端开发 Windows
JavaScript FAQ(十八)—— CSS
 十五、层叠样式表(CSS)   1.  应用样式表(Applying Stylesheets) Q:我如何在页面上应用另外一个样式表? A:浏览器通过一个或者多个LINK命令(主要是在页面的HEAD区域)加载样式表(CSS文件),例如: JavaScript通过使用集合document.styleSheets访问样式表。
942 0
|
Web App开发 JavaScript 前端开发
JavaScript FAQ(七)——对话框
 五、对话框   1. 警告(Alert) Q:我如何从JavaScript产生警告信息? A:要产生警告信息,可以使用alert()方法:   alert('Message goes here'); 上面的按钮由下面的代码创建: 2.
969 0
|
JavaScript 前端开发 Java
JavaScript FAQ(八)——窗口(Window)
 六、窗口   1. 打开一个窗口(Opening a window) Q:我如何打开一个新的浏览器窗口? A:可以使用window.open()方法,打开一个新浏览器窗口。例如,下面的代码就在一个新窗口中显示当前页。
1190 0
|
Web App开发 XML JavaScript
JavaScript FAQ(九)——Ajax
 七、Ajax问题   1. Ajax:异步JavaScript和XML(Ajax: Asynchronous JavaScript and XML) Q:Ajax这个流行词到底是什么意思呀? A:Ajax这个短语最初有Jesse James Garrett提出,他是Adaptive Path的共同创始人。
677 0