Bookmarklet实现启动jQuery(模仿 云输入法)


Posted in Javascript onSeptember 15, 2010

书签本来是用来收藏 网址(http://momo.site.com/), 但实际上书签还可以收藏 javascript代码
只要把书签中的地址url, 换成javascript代码就可以了。

javascript:your_javascript_expression

上面的 javascript : 可以认为是javascript协议, 就像http: 是http协议一样。
下面是 启动jQuery 书签的地址:
javascript:( 
function(jquery_node){ 
var disable = function(src_node) { 
src_node.parentNode.removeChild(src_node); 
jQuery.noConflict(1); 
}; 
var enable = function(d,j){ 
j=d.createElement('script'); 
j.id='jquery_src_code'; 
j.src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js'; 
d.getElementsByTagName('head')[0].appendChild(j); 
}; 
!!jquery_node ? disable(jquery_node) 
: enable(document); 
})(document.getElementById('jquery_src_code'))

为了在网页上可以让用户收藏,你需要把它放入一个<a>链接中。
比如:
<a href="javascript:your_js_code" title="启动jQuery"><span>启动jQuery</span></a>

全部的代码是:
<a class="how-to-install" id="bookmarklet" title="启动jQuery" 
href=" 
javascript:( 
function(jquery_node){ 
var disable = function(src_node) { 
src_node.parentNode.removeChild(src_node); 
jQuery.noConflict(1); 
}; 
var enable = function(d,j){ 
j=d.createElement('script'); 
j.id='jquery_src_code'; 
j.src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js'; 
d.getElementsByTagName('head')[0].appendChild(j); 
}; 
!!jquery_node ? disable(jquery_node) 
: enable(document); 
})(document.getElementById('jquery_src_code'))"> 
<span>启动jQuery</span> </a>

结果如下:
启动jQuery
你可以收藏上面的书签了 (右键,点击 "将此链接加为书签");
FireBug---》 Console ,试试 jQuery的魅力吧.
jQuery('a');
$('a') 可能会失效,因为可能一开始就有 window.$对象(包含了别的js库,或网站自己定义了$对象)
cnblogs 的网站就使用jQuery库。
Javascript 相关文章推荐
jquery插件jbox使用iframe关闭问题
Feb 09 Javascript
JavaScript高级程序设计(第3版)学习笔记2 js基础语法
Oct 11 Javascript
Javascript中的delete操作符详细介绍
Jun 06 Javascript
JavaScript静态类型检查工具FLOW简介
Jan 06 Javascript
js实现刷新iframe的方法汇总
Apr 27 Javascript
AngularJS转换响应内容
Jan 27 Javascript
BootStrap glyphicon图标无法显示的解决方法
Sep 06 Javascript
深入理解在JS中通过四种设置事件处理程序的方法
Mar 02 Javascript
JS计算两个数组的交集、差集、并集、补集(多种实现方式)
May 21 Javascript
微信小程序 checkbox使用实例解析
Sep 09 Javascript
详解elementUI中input框无法输入的问题
Apr 27 Javascript
JavaScript实现前端倒计时效果
Feb 09 Javascript
基于jQuery的淡入淡出可自动切换的幻灯插件打包下载
Sep 15 #Javascript
基于JQuery的简单实现折叠菜单代码
Sep 15 #Javascript
jQuery获取css z-index在各种浏览器中的返回值
Sep 15 #Javascript
JavaScript具有类似Lambda表达式编程能力的代码(改进版)
Sep 14 #Javascript
手把手教你自己写一个js表单验证框架的方法
Sep 14 #Javascript
(jQuery,mootools,dojo)使用适合自己的编程别名命名
Sep 14 #Javascript
修改jquery里的dialog对话框插件为框架页(iframe) 的方法
Sep 14 #Javascript
You might like
用PHP制作静态网站的模板框架(四)
2006/10/09 PHP
PHP+Tidy-完美的XHTML纠错+过滤
2007/04/10 PHP
PHP下几种删除目录的方法总结
2007/08/19 PHP
php输出1000以内质数(素数)示例
2014/02/16 PHP
PHP使用memcache缓存技术提高响应速度的方法
2014/12/26 PHP
js实现运行代码需要刷新的解决方法
2007/08/18 Javascript
JavaScript 学习笔记(四)
2009/12/31 Javascript
javascript 数据类型转换(parseInt,parseFloat)
2010/07/20 Javascript
js 窗口抖动示例
2013/09/04 Javascript
js 实现数值的千分位及保存小数方法(推荐)
2016/08/01 Javascript
Vuejs第十二篇之动态组件全面解析
2016/09/09 Javascript
JS实现留言板功能
2017/06/17 Javascript
Angular.js初始化之ng-app的自动绑定与手动绑定详解
2017/07/31 Javascript
vue单页面打包文件大?首次加载慢?nginx带你飞,从7.5M到1.3M蜕变过程(推荐)
2018/01/16 Javascript
在vue中axios设置timeout超时的操作
2020/09/04 Javascript
vue的hash值原理也是table切换实例代码
2020/12/14 Vue.js
自动化Nginx服务器的反向代理的配置方法
2015/06/28 Python
Python中集合的内建函数和内建方法学习教程
2015/08/19 Python
Python实现判断一个字符串是否包含子串的方法总结
2017/11/21 Python
Python程序员面试题 你必须提前准备!
2018/01/16 Python
python 对txt中每行内容进行批量替换的方法
2018/07/11 Python
Python验证码截取识别代码实例
2020/05/16 Python
PyQt5实现登录页面
2020/05/30 Python
美国在线家装零售商:Build.com
2016/09/02 全球购物
德国电子产品购物网站:TechInTheBasket德国
2018/12/07 全球购物
Linux如何修改文件和文件夹的权限
2012/06/27 面试题
String s = new String(“xyz”);创建了几个String Object?
2015/08/05 面试题
最新奶茶店创业计划书
2014/01/25 职场文书
第一批党的群众路线教育实践活动工作总结
2014/03/03 职场文书
应届毕业生自荐信
2014/05/28 职场文书
税务干部群众路线教育实践活动对照检查材料
2014/09/20 职场文书
旷课检讨书范文
2014/10/30 职场文书
幼儿园毕业典礼园长致辞
2015/07/29 职场文书
2016年春季运动会通讯稿
2015/11/25 职场文书
golang中的并发和并行
2021/05/08 Golang
pytorch中的model.eval()和BN层的使用
2021/05/22 Python