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 前端开发 Windows
JavaScript FAQ(十八)—— CSS
 十五、层叠样式表(CSS)   1.  应用样式表(Applying Stylesheets) Q:我如何在页面上应用另外一个样式表? A:浏览器通过一个或者多个LINK命令(主要是在页面的HEAD区域)加载样式表(CSS文件),例如: JavaScript通过使用集合document.styleSheets访问样式表。
1058 0
|
JavaScript 前端开发 Java
JavaScript FAQ (十九)——文件访问
十六、文件访问(File Access)   1、读取文件(Reading a File) Q:如何将文件读取到JavaScript变量中? A:根据脚本运行的环境和文件的位置,你可以有以下选项: XMLHttpRequest 对象(通过URL读取网站上可用的文件) FileSystemObject(如果你在一个被信任的环境下使用Windows Scripting Hosting或者IE) 一个读取文件或者URL的“助手”Java applet  关于前两个选项的讨论,请点击上面的超链接。
901 0
|
JavaScript 前端开发
JavaScript FAQ(二十)—— 日期和时间
十七、日期和时间   1. 时钟示例(Clock Example) Q:我如何使用JavaScript编写一个时钟程序? A:一个简单的时钟程序就是每秒获取一个新的Date()(或者,更好些,一秒几次),然后将时间信息从Date()对象中显示出来。
882 0
|
Web App开发 JavaScript 前端开发
JavaScript FAQ(一)—— 常见问题(一)
        今天在网上看到了一份很不错的JavaScript FAQ,由于担心自己并不能一直把它读完,所以就尝试翻译一些内容,和朋友们一起分享。        FAQ原地址:http://www.
1119 0
|
JavaScript 前端开发 Java
JavaScript FAQ(二)——常见问题(二)
一、常见问题   4. JavaScript的局限性(JavaScript Lminitations) Q:JavaScript程序不能做什么? A:JavaScript代码不能做下列事情: 不能使用用户系统上或者客户端局域网中的打印机或者其他设备。
1100 0
|
JavaScript 前端开发 C++
JavaScript FAQ (三)——常见问题(三)
 一、常见问题   9. JavaScript的注释(Comments in JavaScript) Q:我如何在JavaScript代码中插入注释? A:JavaScript支持三种不同类型的注释: 多行C样式的注释。
1050 0
|
JavaScript 前端开发
JavaScript FAQ(四)——导航功能增强
 二、导航功能增强   1. 下拉菜单中的链接(Links in Select Menu) Q:我如何实现在下拉菜单中链接到不同的页面? A:要创建一个所示的下拉菜单:选择一个页面 JavaScript FAQ Numbers Strings Navigation Colors JavaScripter.net 你可以使用下面的代码: Select a page JavaScript FAQ Numbers Strings Navigation Colors JavaScripter.net 只需要把菜单项及其相应的URL改为你需要就可以了。
1039 0
|
JavaScript 前端开发
JavaScript FAQ(五)——数字
 三、数字   1. 常量(Constants) Q:在编写JavaScript代码时,我可以使用什么类型的数字? A:在JavaScript中,你可以使用下列形式的数字: 常规十进制数字: 5 137 1.3 指数形式的十进制数字: 6.67e-11  -1.127e20 八进制数,例如:  01234  -077  0312 八进制的正数需以0开头,而负数应以-0开头。
926 0
|
JavaScript 前端开发
JavaScript FAQ(六)——字符串
 四、字符串   1. 字符串中的引号(Quotes in String) Q:我如何在字符串中插入引号呢? A:字符串中的引号应该用一个反斜杠(/)引导。如此,JavaScript就会分辨出这些引号是普通字符串还是字符串的分隔符。
1058 0
|
Web App开发 JavaScript 前端开发
JavaScript FAQ(七)——对话框
 五、对话框   1. 警告(Alert) Q:我如何从JavaScript产生警告信息? A:要产生警告信息,可以使用alert()方法:   alert('Message goes here'); 上面的按钮由下面的代码创建: 2.
1052 0