`
txf2004
  • 浏览: 7040743 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

JavaScript FAQ(二十三)

阅读更多

二十、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 FAQ函数(提问+回复)

      在这个例子中,JavaScript代码定义了一个名为`faq`的函数,该函数接受三个参数:`elem`、`qTag`和`aTag`。这些参数分别代表以下含义: 1. `elem`:这是一个DOM元素,通常是指包含问题和答案的容器,例如`&lt;dl&gt;`标签...

      JavaScript_初学者文件,最终项目和FAQ为我的终极React课程.zip

      这个压缩包“JavaScript_初学者文件,最终项目和FAQ为我的终极React课程.zip”显然是为了帮助初学者掌握JavaScript以及进阶到React框架的知识而设计的。React是Facebook推出的一个用于构建用户界面的JavaScript库,...

      FAQ.zip_FAQ_在线FAQ制作_网站faq系统

      前端负责用户交互,可能使用React、Vue.js等现代JavaScript框架;后端处理业务逻辑和数据操作,可能选择Node.js、Python的Django或Flask框架,或者是Java的Spring Boot。数据库方面,MySQL或PostgreSQL是常用的选择...

      业务框架应用FAQ

      前台获取内存数据通常通过JavaScript或Vue等前端框架实现,需要了解对应框架的API。可能涉及到的数据源包括本地存储、组件状态或全局变量。 **FAQ10:新配置的FC未被调用** 新配置的功能组件(FC)未调用可能因为配置...

      jquery常见问题FAQ展开收缩列表效果

      在JavaScript的世界里,jQuery是一个非常流行和强大的库,它简化了DOM操作、事件处理、动画效果和Ajax交互等任务。本篇文章将详细讨论在使用jQuery时,如何实现常见问题FAQ的展开收缩列表效果,这对于创建交互式的...

      开源项目-jzelinskie-faq.zip

      这个项目可能是一个基于JQ(可能是jQuery或者其他JavaScript库)的问题与解答(FAQ)系统,或者是一个用于处理FAQ数据的工具。尽管文件格式没有明确指定,但我们可以根据文件名推测这可能是一个代码仓库的主分支。 ...

      jQuery toggle事件制作FAQ列表页.zip

      6. **结构化数据**:FAQ页面通常包含多条问题和答案,可以考虑将它们存储在JSON格式的数据中,然后在JavaScript中解析并动态渲染到页面上。这样做可以方便地管理和更新内容。 7. **响应式设计**:为了让FAQ列表在...

      如何实现简单的FAQ折叠效果.rar

      本教程将详细介绍如何使用JavaScript实现简单的FAQ折叠效果。 首先,我们需要在HTML中构建FAQ的基础结构。每个问题-答案对应该包裹在一个容器内,例如`&lt;div&gt;`,并为问题和答案设置不同的CSS类。例如: ```html ...

      可展开和收缩的jquery FAQ问答列表特效

      在IT行业中,jQuery是一种广泛使用的JavaScript库,它简化了HTML文档遍历、事件处理、动画设计和Ajax交互。本文将详细探讨"可展开和收缩的jQuery FAQ问答列表特效"这一主题,以及它在实际应用中的相关知识点。 首先...

      css3列表FAQ问答特效.rar

      【CSS3列表FAQ问答特效】是一种利用CSS3技术来实现的网页交互效果,它使得FAQ(常见问题解答)部分更具视觉吸引力和用户友好性。在网页设计中,FAQ区域通常包含一系列问题和对应的答案,而CSS3的引入可以增强这种...

      FAQ管理全源代码 .rar_FAQ

      【标题】"FAQ管理全源代码 .rar_FAQ" 提供的是一个完整的FAQ(常见问题解答)管理系统的所有源代码。这个系统设计用于帮助用户高效地处理和管理与产品或服务相关的常见问题及其解答,提高客户支持和服务的质量。通过...

      FAQ可收缩jquery手风琴

      【jQuery FAQ可收缩手风琴】是一种常见的网页交互设计元素,它通过使用jQuery库实现了一个功能丰富的FAQ(常见问题解答)部分。这个设计允许用户点击问题标题,展开对应的答案,以此来节省页面空间并提高用户体验。...

      css3列表FAQ问答特效.zip

      在FAQ列表中,JavaScript可能被用来处理用户交互,比如当用户点击问题时,JavaScript可以控制相应的答案区域的显示和隐藏,实现动态展开和收起。同时,它还可以实现其他功能,如验证用户输入,或者在无刷新页面的...

      简单实用的jQuery FAQ手风琴特效

      "简单实用的jQuery FAQ手风琴特效"就是一种增强网站用户互动性的技术,它常用于常见问题解答(FAQ)部分,使得大量的信息可以以紧凑且易于浏览的方式呈现。这篇文章将深入探讨jQuery手风琴特效的原理、实现方法以及...

      jquery常见问答faq特效.rar

      在网页开发中,jQuery作为一个强大的JavaScript库,极大地简化了DOM操作、事件处理和动画制作。对于开发者而言,掌握jQuery的常见问题和解决方法,以及如何创建吸引人的FAQ(常见问题解答)特效,是提升网站用户体验...

      jQuery和css3简单实用的FAQ问答页面模板

      **jQuery和CSS3 FAQ问答页面模板详解** 在网页设计中,FAQ(常见问题解答)页面是必不可少的一部分,它能够提供用户快速找到问题解决方案的途径。本文将深入探讨一个基于jQuery和CSS3的FAQ问答页面模板,它具有人性...

      jquery实现faq问答展开折叠.rar

      二、实现原理 FAQ问答的展开折叠主要依赖于DOM(Document Object Model)操作和CSS样式控制。jQuery提供了一系列方法,如`.show()`, `.hide()`, `.toggle()`等,用于控制元素的显示与隐藏。通过这些方法,我们可以...

      FAQ可收缩jquery手风琴导航.zip

      总结起来,这个“FAQ可收缩jquery手风琴导航”项目涵盖了前端开发的核心技术:HTML5用于构建网页结构,CSS负责样式和动画,JavaScript与jQuery库实现了交互功能。通过深入学习和实践这些技术,开发者可以创建出更加...

      faq.rar_FAQ_jsp faq_jsp 问答_jsp代码_问答

      在IT行业中,JSP(JavaServer Pages)是一种用于创建动态网页的技术,它是Java平台的一部分,提供了将HTML、CSS和JavaScript与服务器端Java代码相结合的能力。本FAQ(Frequently Asked Questions,常见问题解答)...

    Global site tag (gtag.js) - Google Analytics