X.d 笔记

小Web,大世界

0%

用书签搞点小玩意

现在貌似很多网站都喜欢搞书签版应用,比如有道翻译,QQ输入法什么的,只要把一个按钮拖到书签,每次点书签的时候就会在当前页面上启动书签里面的应用。很有趣也很简单,其实就把这么几行代码写成一行,放在a村签的href属性里面就行了

var element = document.createElement('script');
element.charset = 'utf-8';
element.setAttribute('src', 'http://xxx.com/tool.js');
document.body.appendChild(element);

写成这样

<a href="javascript: void((function() {var element = document.createElement('script');element.charset = 'utf-8';element.setAttribute('src', 'http://xxx.com/tool.js');document.body.appendChild(element);})())" >把我拉到书签吧</a>

然后在自己的网站上写个tool.js就行了,用法相当广泛,而且还跨浏览器,随便写个测试

//tool.js很简单的一个JS,把所有节点打印出来
+function(){
    var $page=window.$page=function(){
        this._init();
        this._show();
    };
    $page.prototype={
        elements:[],
        _init:function(){
            this.elements=document.all;
        },
        _show:function(){
            var str='';
            for(var i=0,j=this.elements.length;i&lt;j;i++){
                console.log(this.elements[i]);
            }
        }

    };
    return new $page();
}();