js几种将网站设为首页和加入收藏的代码

最新推荐文章于 2024-09-18 14:02:39 发布

原创最新推荐文章于 2024-09-18 14:02:39 发布 · 2.7w 阅读

14 ·

CC 4.0 BY-SA版权

项目案例积累专栏收录该内容

5 篇文章

订阅专栏

本文介绍了多种使用JavaScript实现将网站设置为用户浏览器的首页和添加到收藏夹的功能，包括点击链接触发、鼠标悬停提示以及页面加载和关闭时自动提示的功能代码示例。

<!-- 设为首页 -->
<li><a href="javascript:setHome(this,window.location)">
    <span class="glyphicon glyphicon-home"></span> <b>设为首页</b></a>
</li>

<!-- 加入收藏 -->
<li><a href="javascript:addFavorite()">
    <span class="glyphicon glyphicon-heart"></span> <b>加入收藏</b></a>
</li>

<script type="text/javascript">
    function addFavorite() {
        var url = window.location;
        var title = document.title;
        var ua = navigator.userAgent.toLowerCase();
        if (ua.indexOf("msie 8") > -1) {
            external.AddToFavoritesBar(url, title, '');//IE8
        } else {
            try {
                window.external.addFavorite(url, title);
            } catch (e) {
                try {
                    window.sidebar.addPanel(title, url, "");//firefox
                } catch (e) {
                    alert("加入收藏失败，请使用Ctrl+D进行添加");
                }
            }
        }
    }


    //设为首页 <a onclick="setHome(this,window.location)">设为首页</a>
    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);
            }
        }
    }

</script>

加入收藏夹,设为首页代码

把以下代码加入<Body>相应位置：

鼠标指向时提示设为首页

将下列代码插入<body>区中：

打开页面时自动弹出窗口询问是否设为首页

将以下代码放在<head></head>之间：

再将下面代码加入<body>内：
onload="myhomepage();"

即：<body　onload="myhomepage();">

离开时自动提示设为首页

替换<body>标签为：
<body onunload="BASEBody.style.behavior='url(#default#homepage)';if(!(BASEBody.isHomePage('http://www.webjx.com')))BASEBody.setHomePage('http://www.webjx.com/');">