基于JavaScript代码实现兼容各浏览器的设为首页和加入收藏

时间：2021-05-25

现在的浏览器越来越多，这就使得网页设计的兼容性要求越来越高，像常用的设为首页、加入收藏代码，一般的虽然简洁，但兼容性却非常不好，加入收藏和设为首页代码几乎各个网站都在头部放上一个，有没有效果先不管，需求应该是有的。

但是由于浏览器的兼容性问题，之前用的很多代码都失去效果，下面就给出一段能够兼容各个浏览器的代码，也不能够算是兼容，只能说在不支持的浏览器中能够给出提示，代码如下:

<!doctype html><html><head><title>加入收藏和设为首页</title><script type="text/javascript">//加入收藏function AddFavorite(sURL, sTitle){sURL = encodeURI(sURL); try{ window.external.addFavorite(sURL, sTitle); }catch(e){ try{ window.sidebar.addPanel(sTitle, sURL, ""); }catch(e){ alert("加入收藏失败，请使用Ctrl+D进行添加,或手动在浏览器里进行设置.");} }}//设为首页function SetHome(url){if (document.all){document.body.style.behavior='url(#default#homepage)';document.body.setHomePage(url);}else{alert("您好,您的浏览器不支持自动设置页面为首页功能,请您手动在浏览器里设置该页面为首页!");}} </script></head><body><a href="javascript:void(0)">设为首页</a><a href="javascript:void(0)">加入收藏</a></body></html>

以上代码简短易懂，可以兼容各个浏览器加入收藏和设为首页，有问题欢迎提出，小编会及时和大家联系的，谢谢！

下面给大家分享一段jquery代码实现加入收藏夹功能

//设为首页function SetHomePage() { if (document.all) { document.body.style.behavior = 'url(#default#homepage)'; document.body.setHomePage('http://'); }}//加入收藏夹function AddFavorite() { var title = document.title; var url = location.href; if (window.sidebar) { window.sidebar.addPanel(title, url, ""); } else if (document.all) { window.external.AddFavorite(url, title); } else { return true; }}

声明：本页内容来源网络，仅供用户参考；我单位不保证亦不表示资料全面及准确无误，也不保证亦不表示这些资料为最新信息，如因任何原因，本网内容或者用户因倚赖本网内容造成任何损失或损害，我单位将不会负任何法律责任。如涉及版权问题，请提交至online#300.cn邮箱联系删除。

相关文章