设置为首页，加入收藏 | JS完美实现代码收藏

　

加入收藏

自从接了私活和书稿之后，每天的空闲时间显得格外珍贵，于是更新CSDN博客的是压力就变得“山大”了起来。不过，遇到需要博客记录和分享的知识时，我还是会义不容辞。知识的传播是需要花费一定的精力来坚持的。

今天要呈现的两个知识点就是常见的“设置为首页”和“加入收藏”功能。

##一、设置为首页

设置为首页的JS实现代码如下：

function setHome(obj,vrl){
    try{
        obj.style.behavior='url(#default#homepage)';obj.setHomePage(vrl);
    }
    catch(e){
        if(window.netscape) {
            try {
                netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");
            }
            catch (e) {
                alert("此操作被浏览器拒绝！\n请在浏览器地址栏输入“about:config”并回车\n然后将 [signed.APPlets.codebase_principal_support]的值设置为'true',双击即可。");
            }
            var prefs = components.classes['@mozilla.org/preferences-service;1'].getService(Components.interfaces.nsIPrefBranch);
            prefs.setCharPref('browser.startup.homepage',vrl);
        }else{
            alert("您的浏览器不支持，请按照下面步骤操作：1.打开浏览器设置。2.点击设置网页。3.输入："+vrl+"点击确定。");
        }
    }
};

调用方法如下：

<a href="javascript:" οnclick="setHome(this,window.location);">设置为首页</a>

1. 第一个参数为this对象，即当前a标签；
2. 第二个参数为window.location。

##二、加入收藏

加入收藏的JS实现代码如下：

// 加入收藏 兼容360和IE6
function shoucang(stitle,sURL) {
    try
    {
        window.external.addFavorite(sURL, sTitle);
    }
    catch (e)
    {
        try
        {
            window.sidebar.addPanel(sTitle, sURL, "");
        }
        catch (e)
        {
            alert("加入收藏失败，请使用Ctrl+D进行添加");
        }
    }
}

调用方法如下：

<a href="JavaScript:" οnclick="shoucang(document.title,window.location);">加入收藏</a>

1. 第一个参数为当前页面的title；
2. 第二个参数为location对象。

##实现效果：

---

最后，欢迎关注我的微信公众号，希望遇见一群积极向上的好伙伴！

相关阅读

webstrom 自定义emet模版代码

1.在Setting设置中搜索到 Live Templates2.选择想要的模版语言类型，如HTML。Abbrevition:起个名字，描述等。Template Text 输入 按

js实现滑动条的简单验证

效果图： 一般很多网站都有滑动条的验证，我是从站长素材上下载的。 给大家一个下载网址：http://sc.chinaz.com/jiaoben/160330568920

微信收藏能保存多久？收藏满了怎么删除?

我们在逛微信朋友圈的时候，看到了好看的文章或者图片。想要保留下来的话，不妨去试试微信收藏的功能哦，这里有网友存在着疑问，那就是微

如何利用手机实现中日翻译在线

如何利用手机实现中日翻译在线？相信许多小伙伴都和我一样有想去日本旅游的想法，毕竟从小就看过许多日本动漫，觉得没有去日本看看都是

ASP.NET中使用UpdatePanel实现局部异步刷新方法和攻略

asp.net UpdatePanel实现异步局部刷新如有雷同，不胜荣欣，若转载，请注明鉴于最近项目需要，研究了一下UpdatePanel控件的使用方法，现总结