用jQuery实现简单的加入收藏页面的功能
加入收藏功能是我们常见的功能,今天研究学习了一下,写了一个简单的例子,主要实现加入收藏的功能:
html代码如下:
<a href="#" id="favorites">收藏本页</a>
jQuery代码如下:
$(document).ready(function(){
$("#favorites").click(function(){
var ctrl=(navigator.userAgent.toLowerCase()).indexOf('mac')!=-1?'Command/Cmd': 'CTRL';
if(document.all){
window.external.addFavorite('http://blog.csdn.net/yilanyoumeng3', '前端秋秋');
}
else if(window.sidebar){
window.sidebar.addPanel('前端秋秋', 'http://blog.csdn.net/yilanyoumeng3', "");
}
else{ alert('您可以通过快捷键' + ctrl + ' + D 加入到收藏夹');}
})
})
虽然实现了一些兼容一些浏览器的功能,但是由于知识有限,可能还有许多不足的地方
用jQuery实现简单的加入收藏页面的功能相关推荐
- php 页面异步刷新,php+jQuery+Ajax简单实现页面异步刷新
php+jQuery+Ajax简单实现页面异步刷新 这里有新鲜出炉的 jQuery 示例,程序狗速度看过来! jQuery javascript 框架 jQuery 是一个兼容多浏览器的 javasc ...
- 简单的在jsp页面操作mysql
简单的在jsp页面操作mysql ---恢复内容开始--- 上一篇讲了在DOS界面下操作mysql 现在我们来说说怎么在jsp页面中操作mysql 要用jsp页面操作mysql需要jdbc(不是非要j ...
- php jquery 全选删除,jQuery+php简单实现全选删除的方法
jQuery+php简单实现全选删除的方法 发布于 2017-08-06 10:13:21 | 66 次阅读 | 评论: 0 | 来源: 网友投递 PHP开源脚本语言PHP(外文名: Hypertex ...
- jQuery ajax简单案例-验证用户名是否可用
jQuery ajax简单案例-验证用户名是否可用 HTML <!DOCTYPE html> <html> <head> <meta charset=&quo ...
- jquery练习——简单的图片结果展示效果
今天看到google图片搜索结果页面,感觉简洁实用,于是用jquery粗略的模仿了一下 再次感觉到jquery的强大和易用,基本思路初步实现了,再整合ajax和json,应该可以做一个简单的应用了 : ...
- 翻牌抽奖 php,PHP+jQuery开发简单的翻牌抽奖实例
PHP+jQuery开发简单的翻牌抽奖实例,实现流程:页面放置6个方块作为奖项,当抽奖者点击某一块时,方块翻转到背面,显示中奖信息,这个奖品是随机的,不是固定的. 在页面上放置6个奖项: 1 2 3 ...
- jquery前端简单分页_如何使用jQuery创建简单的分页
jquery前端简单分页 How to create easy pagination with jQuery jQuery pagination. All we know, that when we ...
- 前端表格插件Jquery DataTable简单汉化
前端表格插件Jquery DataTable简单汉化 项目需要求,需要用到Jquery DataTable插件,功能强大,可以实现前端数据分页和页面检索,数据10000条类可以考虑.但由于国外插件,页 ...
- jQuery的简单介绍
jQuery的简单介绍 /* *JavaScript框架库:就是一个普通的js文件,封装了很多的函数,封装了很多兼容的代码 *jQuery是JavaScript框架库中的一种 *jQuery的 ...
最新文章
- ios button.imageview 和setimage的区别
- KotlinPoet
- 在GridView中设置每个单元格的数据
- flex java 上传下载_完整的Flex多文件上传实例
- 故宫门票预订网站崩溃;岳云鹏信息打包卖 100 元;华为要做电视?| 极客头条...
- 课文电子计算机与多媒体减写,课文电子计算机与多媒体关系介绍
- java开发之分页查询
- 苹果电脑Mac上怎样实现图像文件格式转换?
- auto_ptr 源码 极其解析
- 上海瀚示医药行业中文显示电子拣货标签 — 智能播种车
- 机械能计算机实验教案,学生实验:用DIS研究机械能守恒教案3
- 常用照片尺寸与像素对照表
- 生活中的 真、善、美
- Gnuradio安装及ADALM-PLUTO设备的配置
- 今天不发技术文,发点粉丝福利
- 重磅!2020 ACM杰出科学家名单出炉:叶杰平、崔鹏等26位华人学者上榜
- html/template
- 淘宝开放平台开发指南之熟悉API族
- Java 基础语法7
- 批量将json文件转为jpg格式
热门文章
- linux 7防火墙删除端口号,centos 7 firewall(防火墙)开放端口/删除端口/查看端口
- 中lisp文件_关于 Emacs 中的变量你需要知道的事情 | Linux 中国
- layer弹出层扩展自定义样式
- C#学习笔记(十一):类和对象
- 滑动窗口解决最小子串问题 leetcode3. Longest Substring Without Repeating Characters
- c++多线程基础4(条件变量)
- Spring mvc项目导出jar包无法识别正常映射问题
- CI下载与安装_基础配置_MVC
- Gradle DSL method not found: ‘compile()’
- Object-C中self和super的区别