Bookmarklet实现启动jQuery(模仿 云输入法)
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了Bookmarklet实现启动jQuery(模仿 云输入法),小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1716字,纯文字阅读大概需要3分钟。
内容图文
![Bookmarklet实现启动jQuery(模仿 云输入法)](/upload/InfoBanner/zyjiaocheng/371/7f662a18b21a491d90e183040dffa0ae.jpg)
只要把书签中的地址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库。
内容总结
以上是互联网集市为您收集整理的Bookmarklet实现启动jQuery(模仿 云输入法)全部内容,希望文章能够帮你解决Bookmarklet实现启动jQuery(模仿 云输入法)所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。