11月02, 2013

兼容各种浏览器的加入收藏、设为首页JS代码

JS首先说明下,加入收藏,设为首页,看似简单的应用,但是想要做到兼容IE、Firefox、Chrome、Opera等各种浏览器,目前是没有完善的解决方案的。如果不信,且看下百度首页,看看百度是不是用javascript代码实现了兼容各种浏览器的设为首页或加入收藏。

如果百度都没折,你还有必要瞎尝试嚒。 下面,发布个加入收藏的代码,这是 @PHP初学者官方群 中 @大圣 童鞋提供的,目前兼容IE

function bookmark(title, url) {
    if(document.all) { // ie
        window.external.AddFavorite(url, title);
    }else if(window.sidebar) { // firefox
        window.sidebar.addPanel(title, url, "");
    }else if(window.opera && window.print) { // opera
        var elem = document.createElement('a');
        elem.setAttribute('href',url);
        elem.setAttribute('title',title);
        elem.setAttribute('rel','sidebar');
        elem.click(); // this.title=document.title;
    }else{
        alert("加入收藏失败,请使用Ctrl+D进行添加");
    }
}

至于设为首页,貌似目前只有针对IE系列的唯一解决方案,代码如下:

<a href="javascript:;" onclick="bookmark('天涯PHP博客', 'http://blog.phpha.com');">加入收藏</a>
<a href="javascript:;" onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://blog.phpha.com');">设为首页</a>

本文链接:https://901web.com/post/兼容各种浏览器的加入收藏、设为首页js代码.html

-- EOF --

Comments

请在后台配置评论类型和相关的值。