`
dqm926
  • 浏览: 28096 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

js 实现将网站加入收藏功能

 
阅读更多

 

/**
 * 加入收藏
 * @param url
 * @param title
 */
function addFavorite(url, title) {
         // 浏览器用于 HTTP 请求的用户代理头的值,可判断浏览器种类
	var userAgent = navigator.userAgent.toLowerCase();
	if (userAgent.indexOf("360se") > -1) {
		alert("由于360浏览器功能限制,请按 Ctrl+D 手动收藏!");
	} else if (userAgent.indexOf("msie 8") > -1) {
		window.external.AddToFavoritesBar(url, title); // IE8
	} else if (document.all) { // 用于判断IE
		try {
			window.external.addFavorite(url, title);
		} catch (e) {
			alert('您的浏览器不支持,请按 Ctrl+D 手动收藏!');
		}
	} else if (window.sidebar) { // Firefox已经取消window.sidebar.addPanel 处理方法见后面
		// window.sidebar.addPanel(title, url, "");
	} else {
		alert('您的浏览器不支持,请按 Ctrl+D 手动收藏!');
	}
}

 <a id="addFavorite" rel="sidebar" onclick="addFavorite(window.location, document.title);">加入收藏</a>

 

标红处必须加上,解决Firefox取消window.sidebar.addPanel,同时给a标签加入href、title属性。

$(function(){

    $("#addFavorite").attr("href", window.location);
    $("#addFavorite").attr("title", document.title);

});

 

分享到:
评论

相关推荐

    js实现加入收藏和设为首页功能

    1. **加入收藏功能**: 加入收藏通常涉及到浏览器的书签功能。在JavaScript中,我们可以尝试使用`window.external.addFavorite()`方法(适用于IE浏览器)或者`window.sidebar.addPanel()`方法(适用于Firefox浏览器...

    js加入收藏功能

    通过上述讨论,我们可以看到,利用JavaScript实现加入收藏功能既是一项实用的技巧,也是一个需要细致考虑兼容性和用户体验的开发任务。无论是对于个人开发者还是团队项目,掌握这一技能都能显著提升网站的用户友好度...

    javascript实现网站加入收藏功能

    本文为大家分享了三段javascript实现网站加入收藏功能的代码,具体内容如下 第一种情况:可兼容所有浏览器的加入收藏代码,原理:根据获取用户navigator.userAgent.toLowerCase()信息来判断浏览器,根据浏览器是否...

    Jquery实现设为首页和加入收藏功能

    本教程将详细讲解如何利用jQuery实现“设为首页”和“加入收藏”这两个常见功能,以提升用户体验。 首先,我们需要理解这两个功能的基本原理。在浏览器环境下,“设为首页”功能通常涉及到修改用户的浏览器书签或...

    js 点击加入收藏

    在网页开发中,"js 点击加入收藏"是一个常见的用户交互功能,允许用户将当前浏览的页面保存到他们的浏览器收藏夹中。这个功能通常通过JavaScript实现,因为JavaScript是一种广泛用于网页动态交互的编程语言。下面...

    加入收藏和设为首页功能

    1. **加入收藏功能**: - 实现原理:当用户点击“加入收藏”按钮时,浏览器会将当前页面的URL、标题和内容快照(如果支持)保存到用户的书签收藏夹中。这样,用户在将来可以通过书签快速访问该页面。 - 用户价值:...

    网站加入收藏夹代码

    然而,如果我们希望为用户提供一个自定义的加入收藏功能,我们需要使用JavaScript来实现。 1. **HTML元素**: 在HTML中,我们可以创建一个链接(`&lt;a&gt;`标签)或者按钮(`&lt;button&gt;`标签)作为加入收藏的触发元素。...

    JavaScript加入收藏夹功能(兼容IE、firefox、chrome)

    本文将详细介绍如何使用JavaScript实现这一功能,同时确保兼容IE、Firefox和Chrome这三大主流浏览器。 首先,我们需要理解不同浏览器的收藏夹接口差异。在IE中,浏览器提供了`window.external.addFavorite`方法来...

    将页面加入收藏

    从提供的文件信息来看,主要涉及的是如何在网页上实现“将页面加入收藏”的功能。这一知识点涉及到前端开发中的JavaScript编程,以及不同浏览器(如IE、Firefox、Chrome等)对收藏功能的支持差异。 ### 1. ...

    加入收藏代码 兼容IE火狐加入收藏

    标题中的“加入收藏代码 兼容IE火狐加入收藏”指的是在网页开发中实现一个功能,使得用户可以将当前页面添加到他们的浏览器收藏夹中,同时这个功能需要兼容两种主流浏览器:Internet Explorer(IE)和Mozilla Fire...

    js代码实现的加入收藏效果并兼容主流浏览器

    本文将详细介绍如何使用JavaScript代码实现“加入收藏”的功能,并确保其在主流浏览器(如IE、Firefox等)中正常工作。 首先,我们需要一个函数来处理这个操作,这里定义了一个名为`AddFavorite`的函数: ```...

    js Firefox 加入收藏夹功能代码 兼容Firefox 和 IE.docx

    此外,文档中还提到了将网站设为首页的功能,这部分可以使用类似的方法实现。例如,以下代码展示了如何设置网页为首页: ```javascript function setHomepage(url) { try { var homepageBehavior = 'url(#default...

    .NET设为首页和加入收藏

    而“加入收藏”则是允许用户将网站添加到浏览器的收藏夹中,以便于未来快速访问。 ### 二、.NET环境下的实现原理 #### 1. 设为首页 在.NET环境中,实现“设为首页”的功能通常涉及到对浏览器行为的控制。通过...

    设为首页、加为收藏js样例

    下面将详细解释如何利用JavaScript实现这两个功能。 首先,我们来看"设为首页"的功能。在浏览器中,用户通常希望将当前网站设置为他们的主页,以便以后快速访问。JavaScript可以通过修改浏览器的主页设置来实现这...

    设为首页与加入收藏代码

    在网站开发中,为了提高用户体验并方便用户快速访问网站,很多站点都会提供“设为首页”和“加入收藏”的功能。这两种功能通常通过JavaScript来实现。本文将详细介绍这两种功能的实现原理及其具体实现代码。 #### ...

    设为首页加入收藏

    “加入收藏”功能通常也是通过JavaScript实现的。它会弹出一个对话框让用户确认是否将当前页面添加到收藏夹中。同样地,这个功能在不同浏览器中的实现方式可能会有所不同。 #### 代码解析 给定内容中还包含了一个...

    原生JS实现加入收藏夹的代码

    总的来说,使用原生JavaScript实现“加入收藏夹”功能并不复杂,主要涉及到`window.external.addFavorite()`和`window.sidebar.addPanel()`这两个方法。开发者可以根据实际需求进行调整和优化,以提供更好的用户体验...

    javascript经典特效---点击加入收藏夹.rar

    在网页开发中,"点击加入收藏夹"的功能是一项常见的需求,它允许用户将当前页面保存到他们的浏览器收藏夹中,方便日后访问。这个压缩包文件"javascript经典特效---点击加入收藏夹.rar"显然包含了实现这一功能的代码...

    js Firefox 加入收藏夹功能代码 兼容Firefox 和 IE

    通过判断浏览器类型来调用不同的收藏方法,可以确保无论用户使用哪种浏览器,都能实现网站的“加入收藏”功能。示例代码如下: ```html &lt;script type="text/javascript"&gt; function addFavorite() { try { window....

Global site tag (gtag.js) - Google Analytics