收藏本站——添加到浏览器收藏夹

news/2025/2/22 6:08:36/

收藏本站——添加到浏览器收藏夹

原生 js,兼容所有的浏览器(ie,chrome,firefox),值得收藏。

函数如下:

复制代码
function addFavorite(obj, opts){var _t, _u;if(typeof opts != 'object'){_t = document.title;_u = location.href;}else{_t = opts.title || document.title;_u = opts.url || location.href;}try{window.external.addFavorite(_u, _t);}catch(e){if(window.sidebar){obj.href = _u;obj.title = _t;obj.rel = 'sidebar';}else{alert('抱歉,您所使用的浏览器无法完成此操作。\n\n请使用 Ctrl + D 将本页加入收藏夹!');}}
}
复制代码

参数说明:

1、第一个参数必须,指代触发事件对象,一般为 this;

2、第二个参数是对象,可选项。对象有两个属性 title 和 url(两个属性都是可选项)。

使用方法:

复制代码
<!DOCTYPE HTML>
<html lang="en">
<head><meta charset="utf-8"/><title>收藏本站</title>
</head>
<body><a href="javascript:;" onclick="addFavorite(this);">收藏本站</a>
</body>
</html>
复制代码

PS:

网上那些收藏本站的代码,经博主测试发现在 firefox 下面有些问题,原因是 addPanel 这个方法在 firefox24 以后就没有了,解决方法是给 a 标签添加 rel=”sidebar”,同时给 href 和 title 属性赋值。



http://www.ppmy.cn/news/487791.html

相关文章

QT 图片浏览器(一)

这一段时间在做一个图片浏览器&#xff0c;实现图片左右浏览&#xff0c;图片删除&#xff0c;图片旋转的功能&#xff0c;在初期的时候我在window系统下面的QT Creator中编写代码&#xff0c;编写以后实现了以上所说的功能。虽然难度不是很大&#xff0c;但是在编写的时候由于…

QT实现浏览器功能

1 界面设计 <1>QWidget <2>QAxWidget <3>QPushButton <4>QLineEdit 2 实现浏览器功能 ui->setupUi(this);HRESULT r OleInitialize(0);if(r!S_OK && r ! S_FALSE){return ;}ui->lineEdit->setText("www.qq.com");ui->…

QTTabBar 「资源管理器」让你的文件夹拥有浏览器标签页般的体验

前言 对于广大使用 Windows 系统的同学们来说&#xff0c;「资源管理器」一定是大家再熟悉不过的一位老伙计了&#xff0c;说起名字可能还会有不知道的同学&#xff0c;但我要是说起「文件夹」&#xff0c;大家的脑海里应该立刻就能浮现出熟悉的画面&#xff1a;一个四四方方的…

Qt实现简易的浏览器

一、Qt的webenginewidgets模块和MSVC2017编译环境的配置 webenginewidgets模块 该模块需要在安装Qt时勾选Qt WebEngine。 MSVC2017编译环境的配置 这里的MSVC选2017还是2015&#xff0c;根据自己Qt版本而定&#xff1b;我的Qt版本是5.14.2&#xff0c;支持MSVC2017或2019 需…

上海亚商投顾:沪指延续调整 机器人概念股掀涨停潮

上海亚商投顾前言&#xff1a;无惧大盘涨跌&#xff0c;解密龙虎榜资金&#xff0c;跟踪一线游资和机构资金动向&#xff0c;识别短期热点和强势个股。 市场情绪 大小指数今日略显分化&#xff0c;沪指全天震荡调整&#xff0c;深成指、创业板指则拉升翻红。机器人概念股掀涨停…

向量数据库的行业标准逐渐清晰!Vector DB Bench 正式开源!

大模型带火了向量数据库赛道&#xff0c;也让各式各样的向量数据库进入开发者视野。 对于开发者而言&#xff0c;如何选择一个适合自己的向量数据库至关重要。不过&#xff0c;向量数据库的选型并不简单&#xff0c;开发者不仅需要对市面上各种开源和闭源的数据库进行全面的性能…

Jmeter使用||接口测试实战

标题 Jmeter与postman一样&#xff0c;都可以用来进行接口测试。 前面的文章&#xff08; 测试工具介绍||Jmeter的简单使用&#xff09;&#xff0c;介绍了jmeter的下载、安装及简单使用。基于此背景&#xff0c;通过实例的形式&#xff0c;来介绍下如何利用jmeter进行接口测试…

云台控制界面

云台控制界面 <div class"col-sm-3 col-xs-3 col-md-3"><div> <%-- <div >--%> <%-- <a style"margin-left: 15px" id"ytkz" href"javascript:void(0)" title"…