织梦首页收藏代码如何实现？

纯 JavaScript 实现（最常用）

这是最标准、兼容性最好的方法，用户点击链接后，会弹出浏览器的“添加收藏夹”对话框。

代码示例

您可以直接使用下面这段代码,它包含了主流浏览器的兼容性处理。

<a href="javascript:;" onclick="javascript:window.external.addFavorite('http://www.yourdomain.com', '您的网站名称');">收藏本站</a>

代码详解

• <a href="javascript:;">...</a>：这是一个超链接。href="javascript:;" 是一个常用的技巧，它表示点击后执行一段JavaScript代码，而不是跳转到某个页面，避免页面跳转。
• onclick="..."：这是链接的点击事件，当用户点击这个链接时，这里面的代码就会被执行。
• window.external.addFavorite(url, title)：这是核心的JavaScript方法，用于调用浏览器的外部功能（External Object）来添加收藏。
  • url：第一个参数，是您希望收藏的网址。请务必替换成您自己的网站域名，'http://www.yourdomain.com'。
  • title：第二个参数，是收藏夹中显示的网站名称。请替换成您网站的名称，'我的织梦网站'。

如何在织梦首页使用？

1. 登录您的织梦后台。
2. 进入【模板】->【默认模板管理】。
3. 找到并打开您首页的模板文件,通常是 index.htm。
4. 在您希望显示“收藏本站”按钮的位置（比如页脚、顶部导航栏等），将上面的代码粘贴进去。
5. 修改代码中的网址和网站名称为您自己的信息。
6. 点击【保存】按钮，然后到前台页面更新缓存（【生成】->【一键更新网站】）即可看到效果。

兼容更多浏览器的增强版代码

有些浏览器（如Chrome、Firefox）出于安全考虑，可能会阻止 window.external.addFavorite 方法，下面的代码通过判断浏览器类型，提供了更好的兼容性。

代码示例

<script type="text/javascript">
function addFavorite() {
    var url = "http://www.yourdomain.com";
    var title = "您的网站名称";
    try {
        //IE
        window.external.addFavorite(url, title);
    } catch (e) {
        try {
            //Firefox
            window.sidebar.addPanel(title, url, "");
        } catch (e) {
            //Chrome, Safari, Opera
            alert('请按住 Ctrl + D 键，将本站加入收藏夹！');
        }
    }
}
</script>
<a href="javascript:;" onclick="addFavorite();">收藏本站</a>

代码逻辑解析

1. addFavorite() 函数：将核心逻辑封装成一个函数，方便调用。
2. try...catch 结构：这是JavaScript的异常处理机制。
   • try 块：首先尝试执行 window.external.addFavorite，这主要针对 IE浏览器。
   • 第一个 catch 块：如果上面的代码出错（比如在Firefox中），就尝试执行 window.sidebar.addPanel，这针对 Firefox 浏览器。
   • 第二个 catch 块：如果前两种方法都失败了（比如在Chrome、Safari、Opera等现代浏览器中），就弹出一个 alert 提示框，引导用户手动使用快捷键 Ctrl + D 来收藏，这是最稳妥的后备方案。
3. HTML部分：调用这个函数即可。

推荐使用这个方案，因为它能覆盖绝大多数用户使用的浏览器，体验更好。

使用图片按钮代替文字链接

如果您觉得文字链接不够美观,可以使用一张图片作为按钮。

准备工作

1. 准备一张您喜欢的图片,favicon.ico 或者其他小图标，上传到您的网站目录（如 /images/ 目录）。
2. 假设您的图片路径是 /images/favorite.png。

代码示例

使用方案二的增强版代码,只需将 <a> 标签内容替换为 <img> 标签即可。

<script type="text/javascript">
function addFavorite() {
    var url = "http://www.yourdomain.com";
    var title = "您的网站名称";
    try {
        window.external.addFavorite(url, title);
    } catch (e) {
        try {
            window.sidebar.addPanel(title, url, "");
        } catch (e) {
            alert('请按住 Ctrl + D 键，将本站加入收藏夹！');
        }
    }
}
</script>
<!-- 使用图片按钮 -->
<a href="javascript:;" onclick="addFavorite();">
    <img src="/images/favorite.png" alt="收藏本站" title="收藏本站">
</a>

• <img src="...">：指定图片的路径。
• alt="..." 和 title="..."：为图片添加描述，有助于SEO和无障碍访问。

总结与建议

最终建议：

直接使用 方案二（增强版JavaScript代码），这是目前最通用、最专业的做法，如果您想美化一下，就采用 方案三，在方案二的基础上替换为图片按钮即可。

请记得,无论使用哪种方案，都务必将代码中的 http://www.yourdomain.com 和 您的网站名称 修改为您自己的信息。