兼容各种浏览器的加入收藏、设为首页JS代码 – 901web前端博客 - 一个90后的前端之路,先学会做人,在学会做事,最后学会分享……

901web前端博客

人生就像一副复杂拼图
每个人总有属於自己的记忆碎片
Theme By 网上下载

联系我

RSS

十一月 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>

 

相关文章

返回