js代码制作点击设为首页和加入收藏功能

基础概念

点击设为首页和加入收藏功能是网页交互设计中的常见需求，旨在提升用户体验，使用户能够方便地将当前页面设置为浏览器的主页或添加到收藏夹中。

类型与应用场景

设为首页：适用于希望用户频繁访问且作为主要入口的网站。
加入收藏：适用于内容丰富、用户可能多次查阅的网站。

实现方法

设为首页功能

function setAsHomePage(url) {
    if (document.all) { // For IE
        document.body.style.behavior = 'url(#default#homepage)';
        document.body.setHomePage(url);
    } else if (window.sidebar) { // For Firefox
        if (window.netscape) {
            try {
                netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");
            } catch (e) {
                alert("此操作被浏览器拒绝！请在浏览器地址栏输入'about:config'并回车，然后将'signed.applets.codebase_principal_support'设置为'true'");
            }
        }
        var prefs = Components.classes['@mozilla.org/preferences-service;1'].getService(Components.interfaces.nsIPrefBranch);
        prefs.setCharPref('browser.startup.homepage', url);
    } else {
        alert('您的浏览器不支持自动设置首页，请手动设置！');
    }
}

// 使用示例
document.getElementById('setHomePageBtn').addEventListener('click', function() {
    setAsHomePage(window.location.href);
});

加入收藏功能

function addToFavorites(title, url) {
    if (window.sidebar && window.sidebar.addPanel) { // For Firefox
        window.sidebar.addPanel(title, url, "");
    } else if (document.all) { // For IE
        window.external.AddFavorite(url, title);
    } else if (window.opera && window.print) { // For Opera
        return true;
    } else {
        alert('您的浏览器不支持自动加入收藏夹，请手动添加！');
    }
}

// 使用示例
document.getElementById('addToFavoritesBtn').addEventListener('click', function() {
    addToFavorites(document.title, window.location.href);
});