添加收藏js

添加收藏的JavaScript代码通常用于在用户点击“添加到收藏夹”按钮时，将当前网页添加到浏览器的收藏夹中。以下是实现这一功能的基础概念和相关代码示例。

基础概念

书签（Bookmark）：浏览器中保存的网页链接，方便用户快速访问。
JavaScript：一种脚本语言，用于在浏览器中执行各种操作，包括与用户交互和修改网页内容。

类型

手动添加：用户手动将网页添加到收藏夹。
自动添加：通过JavaScript代码自动触发添加收藏的操作。

应用场景

网站导航栏：在网站的导航栏或侧边栏放置“添加到收藏夹”按钮。
重要页面：在重要或常用页面提供添加收藏的功能。

示例代码

以下是一个简单的JavaScript代码示例，用于在用户点击按钮时将当前页面添加到收藏夹：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Add to Favorites</title>
</head>
<body>
    <button onclick="addToFavorites()">添加到收藏夹</button>

    <script>
        function addToFavorites() {
            if (window.sidebar && window.sidebar.addPanel) { // Firefox
                window.sidebar.addPanel(document.title, window.location.href, '');
            } else if (window.external && ('AddFavorite' in window.external)) { // IE
                window.external.AddFavorite(window.location.href, document.title);
            } else if (window.opera && window.print) { // Opera
                var elem = document.createElement('a');
                elem.setAttribute('href', window.location.href);
                elem.setAttribute('title', document.title);
                elem.setAttribute('rel', 'sidebar');
                elem.click();
            } else { // Other browsers (Chrome, Safari)
                alert('请按 Ctrl+D 或 Cmd+D 将此页面添加到收藏夹。');
            }
        }
    </script>
</body>
</html>