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 相关文章推荐
推荐40个非常优秀的jQuery插件和教程【系列三】
Nov 09 Javascript
js生成缩略图后上传并利用canvas重绘
May 15 Javascript
一个奇葩的最短的 IE 版本判断JS脚本
May 28 Javascript
JavaScript DOM基础
Apr 13 Javascript
JQuery CheckBox(复选框)操作方法汇总
Apr 15 Javascript
jQuery 常用代码集锦(必看篇)
May 16 Javascript
Vux+Axios拦截器增加loading的问题及实现方法
Nov 08 Javascript
小程序页面动态配置实现方法
Feb 05 Javascript
layui 实现二级弹窗弹出之后 关闭一级弹窗的方法
Sep 18 Javascript
javascript中的offsetWidth、clientWidth、innerWidth及相关属性方法
May 14 Javascript
vue+axios 拦截器实现统一token的案例
Sep 11 Javascript
用React Native制作一个简单的游戏引擎
May 27 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
smarty中js的调用方法示例
2014/10/27 PHP
PHP中使用file_get_contents post数据代码例子
2015/02/13 PHP
php为字符串前后添加指定数量字符的方法
2015/05/04 PHP
PHP更安全的密码加密机制Bcrypt详解
2017/06/18 PHP
js 数组克隆方法 小结
2010/03/20 Javascript
js中判断用户输入的值是否为空的简单实例
2013/12/23 Javascript
jQuery实现仿淘宝带有指示条的图片转动切换效果完整实例
2015/03/04 Javascript
JavaScript判断表单提交时哪个radio按钮被选中的方法
2015/03/21 Javascript
JavaScript获取浏览器信息的方法
2015/11/20 Javascript
微信小程序 wxapp内容组件 icon详细介绍
2016/10/31 Javascript
js querySelector() 使用方法
2016/12/21 Javascript
AngularJS实践之使用ng-repeat中$index的注意点
2016/12/22 Javascript
angular.js+node.js实现下载图片处理详解
2017/03/31 Javascript
Vue的Flux框架之Vuex状态管理器
2017/07/30 Javascript
使用Angular 6创建各种动画效果的方法
2018/10/10 Javascript
详解如何构建Promise队列实现异步函数顺序执行
2018/10/23 Javascript
Vue.js组件高级特性实例详解
2018/12/24 Javascript
JavaScript WeakMap使用详解
2021/02/05 Javascript
javascript中layim之查找好友查找群组
2021/02/06 Javascript
[10:05]DOTA2-DPC中国联赛 正赛 iG vs PSG.LGD 选手采访
2021/03/11 DOTA
python改变日志(logging)存放位置的示例
2014/03/27 Python
Python3 加密(hashlib和hmac)模块的实现
2017/11/23 Python
Python实现的朴素贝叶斯分类器示例
2018/01/06 Python
Python 查看文件的读写权限方法
2018/01/23 Python
PyCharm2018 安装及破解方法实现步骤
2019/09/09 Python
python自动点赞功能的实现思路
2020/02/26 Python
Python爬虫教程知识点总结
2020/10/19 Python
python爬虫搭配起Bilibili唧唧的流程分析
2020/12/01 Python
惠普香港官方商店:HP香港
2019/04/30 全球购物
优秀学生干部个人的自我评价
2013/10/04 职场文书
元旦晚会邀请函
2014/01/27 职场文书
班长自荐书范文
2014/02/11 职场文书
民族团结好少年事迹材料
2014/08/19 职场文书
初中中等生评语
2014/12/29 职场文书
2015夏季作息时间调整通知
2015/04/24 职场文书
写一个Python脚本下载哔哩哔哩舞蹈区的所有视频
2021/05/31 Python