Bookmarklet實現(xiàn)啟動jQuery(模仿 云輸入法)
更新時間:2010年09月15日 12:24:05 作者:
最近流行的 sogo云輸入法, QQ云輸入法,都用到了bookmarklet技術(shù)。
書簽本來是用來收藏 網(wǎng)址(http://momo.site.com/), 但實際上書簽還可以收藏 javascript代碼
只要把書簽中的地址url, 換成javascript代碼就可以了。
javascript:your_javascript_expression
上面的 javascript : 可以認為是javascript協(xié)議, 就像http: 是http協(xié)議一樣。
下面是 啟動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'))
為了在網(wǎng)頁上可以讓用戶收藏,你需要把它放入一個<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>
結(jié)果如下:
啟動jQuery
你可以收藏上面的書簽了 (右鍵,點擊 "將此鏈接加為書簽");
FireBug---》 Console ,試試 jQuery的魅力吧.
jQuery('a');
$('a') 可能會失效,因為可能一開始就有 window.$對象(包含了別的js庫,或網(wǎng)站自己定義了$對象)
cnblogs 的網(wǎng)站就使用jQuery庫。
只要把書簽中的地址url, 換成javascript代碼就可以了。
復(fù)制代碼 代碼如下:
javascript:your_javascript_expression
上面的 javascript : 可以認為是javascript協(xié)議, 就像http: 是http協(xié)議一樣。
下面是 啟動jQuery 書簽的地址:
復(fù)制代碼 代碼如下:
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'))
為了在網(wǎng)頁上可以讓用戶收藏,你需要把它放入一個<a>鏈接中。
比如:
復(fù)制代碼 代碼如下:
<a href="javascript:your_js_code" title="啟動jQuery"><span>啟動jQuery</span></a>
全部的代碼是:
復(fù)制代碼 代碼如下:
<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>
結(jié)果如下:
啟動jQuery
你可以收藏上面的書簽了 (右鍵,點擊 "將此鏈接加為書簽");
FireBug---》 Console ,試試 jQuery的魅力吧.
jQuery('a');
$('a') 可能會失效,因為可能一開始就有 window.$對象(包含了別的js庫,或網(wǎng)站自己定義了$對象)
cnblogs 的網(wǎng)站就使用jQuery庫。
相關(guān)文章
JQuery設(shè)置和去除disabled屬性的5種方法總結(jié)
下面與大家分享下兩種方法設(shè)置disabled屬性以及三種方法移除disabled屬性,感興趣的朋友可以參考下哈,希望對你有所幫助2013-05-05jQuery插件zTree實現(xiàn)獲取當前選中節(jié)點在同級節(jié)點中序號的方法
這篇文章主要介紹了jQuery插件zTree實現(xiàn)獲取當前選中節(jié)點在同級節(jié)點中序號的方法,結(jié)合實例形式分析了屬性插件zTree針對節(jié)點序號的相關(guān)操作技巧,需要的朋友可以參考下2017-03-03jqGrid表格應(yīng)用之新增與刪除數(shù)據(jù)附源碼下載
jqGrid可以結(jié)合fancybox等插件完成超酷的彈出層效果,通過與php后臺交互,可以輕松完成數(shù)據(jù)的添加與詳情查看,而這個過程完全是一個ajax異步通信過程,是一個非常友好的富客戶端應(yīng)用,本文給大家介紹jqGrid表格應(yīng)用之新增與刪除數(shù)據(jù),需要的朋友參考下2015-12-12Jquery Easyui日歷組件Calender使用詳解(23)
這篇文章主要為大家詳細介紹了Jquery Easyui日歷組件Calender的使用方法,具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-12-12jQuery調(diào)用WebService的實現(xiàn)代碼
jQuery調(diào)用WebService的實現(xiàn)代碼,需要的朋友可以參考下。2011-06-06