在网页上实现加入收藏夹或书签功能

为什么80%的码农都做不了架构师？>>>

使用 <a> 标记（HTML定位标记）来创建书签按钮。可以添加一些CSS规则来使链接点看起来像一个按钮。我们为什么不使用 <button> 标签？原因在于某些浏览器（Firefox 15+和Opera 15之前的Opera）需要使用带有 rel="sidebar" 的链接标记来创建书签。

基于WebKit＆Blink的桌面浏览器（例如Safari，Chrome，Opera 15+）不支持通过JavaScript添加书签，系统会给出一个警告框并告诉用户使用Cmd + D / Ctrl + D 来进行书签添加操作。

<!DOCTYPE HTML>
<html>
<head><meta charset="utf-8"><title>42度空间-如何在网页上实现加入收藏夹或书签功能</title>
</head>
<body>
<div><a id="bookmark-it" href="http://www.42du.cn" title="把 42度空间 加入收藏夹">加入收藏/书签</a>
</div>
<script type="text/javascript">window.onload = function () {var it = document.getElementById("bookmark-it");it.onclick = function (e) {var bookmarkURL = window.location.href;var bookmarkTitle = document.title;if (window.external && ('AddFavorite' in window.external)) {// IE 收藏夹window.external.AddFavorite(bookmarkURL, bookmarkTitle);} else if (window.sidebar && window.sidebar.addPanel) {// Firefox <=22window.sidebar.addPanel(bookmarkTitle, bookmarkURL, '');} else if ((window.sidebar && /Firefox/i.test(navigator.userAgent)) || (window.opera && window.print)) {// Firefox 23+ 和 Opera <=14it.setAttribute("href",bookmarkURL);it.setAttribute("title",bookmarkTitle);it.setAttribute("rel","sidebar");return true;}  else {// 其它浏览器 (主要是 WebKit & Blink - Safari, Chrome, Opera 15+)alert('按 ' + (/Mac/i.test(navigator.userAgent) ? 'Cmd' : 'Ctrl') + '+D 键将本页加入书签。');}return false;}}
</script>
</body>
</html>

转载于:https://my.oschina.net/patch/blog/1648116

在网页上实现加入收藏夹或书签功能相关推荐

收藏取消收藏html,一键解除网页限制，浏览器收藏夹书签小工具
一键解除网页限制,浏览器收藏夹书签小工具经常上网都会遇到一些网站不能复制文字.不能选择或者不能使用右键菜单,有时候非常的不方便. 比如:要用朗读女,读选中文字时,如果该网站有网页限制:不支持选中,复 ...
用程序写入到TREEVIEW 怎样在aspx实现象ie收藏夹那样的功能
主题: 怎样在aspx实现象ie收藏夹那样的功能?300分各位大侠,请问怎样在aspx实现象ie收藏夹那样的功能?菜单都放在这夹里,收放可以用按钮控制,谢谢了! 回复人: houbinbin() ...
用浏览器收藏夹的书签保存javascript的简单脚本
用浏览器收藏夹的书签保存javascript的简单脚本之前一直好奇别人是如何保存常用的javascipt脚本的油猴脚本,需要考虑整体的运行方式,有时还得专门写个按钮,需要一定基础记事本保存,用的 ...
(转)chrome浏览器收藏夹（书签）的导出与导入
导出chrome浏览器的书签到一个文件中.首先选择chrome浏览器的书签管理器菜单.然后点击"整理",然后选择"将书签导出到html文件". 步骤阅读 2 将 ...
浏览器收藏夹（书签）导入导出
文章目录前言一.操作步骤 1.ME浏览器导出收藏夹 2.将ME浏览器导出的收藏夹导入到谷歌浏览器总结前言平时或工作中我们经常会有这样一些烦恼, 重装系统后或变更浏览器后,如何将之前浏览器我们 ...
浏览器打开收藏夹中书签的各种方法
1.左键单击左键单击 = 在当前窗口打开目标网页 2.Shift+左键单击 Shift+左键单击 = 在新窗口打开目标网页 3.Ctrl+左键单击 Ctrl+左键单击 = 在新标签页打开目标网页
01-【浏览器】chrome浏览器收藏夹（书签）的导出与导入
https://jingyan.baidu.com/article/9f7e7ec0eac9996f2815543a.html
EasyExcel 在网页上点击按钮下载，实现功能
介绍步骤 1.首先导入easyexcel依赖 <dependency><groupId>com.alibaba</groupId><artifactId> ...
从零开始写项目第三篇【在线聊天和个人收藏夹】
在线聊天在浏览网页的时候无意发现了弹幕这个玩意,于是我们简单去探究了一下弹幕其实是怎么产生的. 后来就接触到了"推送"这么一个概念,然后发现了goEasy这个服务商. http: ...

在网页上实现加入收藏夹或书签功能

在网页上实现加入收藏夹或书签功能相关推荐

最新文章

热门文章