js复制网页内容并兼容各主流浏览器的代码


Posted in Javascript onDecember 17, 2013

因需要做一个js单击,复制当前网页url的功能。使用的是如下的方法,但是只能在ie浏览器下正常使用。

方法如下:

function copyURL(){ 
var clipBoardContent=""; 
clipBoardContent+=document.title; 
clipBoardContent+=""; 
clipBoardContent+=this.location.href; 
window.clipboardData.setData("Text",clipBoardContent); 
alert("复制成功,请粘贴到你的QQ/MSN上推荐给你的好友"); 
}

-------------------------分隔线---------------------------

在网上找到一个flash
zClip

zClip
zClip 插件可以兼容各种浏览器。

使用方法很简单,只需要导入一个js文件和一个swf文件即可。

使用方法如下

需先导入所需文件:

<script type="text/javascript" src="js/jquery.js"></script> 
<script type="text/javascript" src="js/jquery.zclip.js"></script> $(document).ready(function(){ 
$('a#copy-description').zclip({ 
path:'js/ZeroClipboard.swf', 
copy:$('p#description').text() 
}); 
// The link with ID "copy-description" will copy 
// the text of the paragraph with ID "description" 
$('a#copy-dynamic').zclip({ 
path:'js/ZeroClipboard.swf', 
copy:function(){return $('input#dynamic').val();} 
}); 
// The link with ID "copy-dynamic" will copy the current value 
// of a dynamically changing input with the ID "dynamic" 
});

还有一些配置方法,详见官网:http://www.steamdev.com/zclip/
插件下载地址
Javascript 相关文章推荐
jquery获取div宽度的实现思路与代码
Jan 13 Javascript
如何用JavaScript动态呼叫函数(两种方式)
May 03 Javascript
JQuery以JSON方式提交数据到服务端示例代码
May 05 Javascript
javascript中Date对象的getDay方法使用指南
Dec 22 Javascript
angular2使用简单介绍
Mar 01 Javascript
基于BootStrap Metronic开发框架经验小结【一】框架总览及菜单模块的处理
May 12 Javascript
Vue2.0 实现移动端图片上传功能
May 30 Javascript
使用angularjs.foreach时return的问题解决
Sep 30 Javascript
Vue中图片Src使用变量的方法
Oct 30 Javascript
JavaScript实现PC端四格密码输入框功能
Feb 19 Javascript
JS实现前端路由功能示例【原生路由】
May 29 Javascript
原生JS实现音乐播放器的示例代码
Feb 25 Javascript
鼠标移入移出事件改变图片的分辨率的两种方法
Dec 17 #Javascript
jquery简单实现鼠标经过导航条改变背景图
Dec 17 #Javascript
javascript确认框的三种使用方法
Dec 17 #Javascript
js 剪切板应用clipboardData详细解析
Dec 17 #Javascript
JS获取屏幕,浏览器窗口大小,网页高度宽度(实现代码)
Dec 17 #Javascript
JavaScript禁止页面操作的示例代码
Dec 17 #Javascript
javascript中parentNode,childNodes,children的应用详解
Dec 17 #Javascript
You might like
Thinkphp搜索时首页分页和搜索页保持条件分页的方法
2014/12/05 PHP
PHP实现的用户注册表单验证功能简单示例
2019/02/25 PHP
jQuery查询数据返回object和字符串影响原因是什么
2013/08/09 Javascript
js监控IE火狐浏览器关闭、刷新、回退、前进事件
2014/07/23 Javascript
node.js中的fs.utimes方法使用说明
2014/12/15 Javascript
angularJS结合canvas画图例子
2015/02/09 Javascript
jQuery遍历DOM节点操作之filter()方法详解
2016/04/14 Javascript
Bootstrap如何创建表单
2016/10/21 Javascript
weex slider实现滑动底部导航功能
2017/08/28 Javascript
JavaScript中重名的函数与对象示例详析
2017/09/28 Javascript
jQuery实现的简单歌词滚动功能示例
2019/01/07 jQuery
javascript实现移动端轮播图
2020/12/09 Javascript
[01:04:32]DOTA2-DPC中国联赛 正赛 Aster vs LBZS BO3 第二场 2月23日
2021/03/11 DOTA
python 正则式使用心得
2009/05/07 Python
python类定义的讲解
2013/11/01 Python
线程和进程的区别及Python代码实例
2015/02/04 Python
python爬虫_微信公众号推送信息爬取的实例
2017/10/23 Python
django manage.py扩展自定义命令方法
2018/05/27 Python
python并发爬虫实用工具tomorrow实用解析
2019/09/25 Python
html5视频常用API接口的实战示例
2020/03/20 HTML / CSS
利用Node实现HTML5离线存储的方法
2020/10/16 HTML / CSS
欧洲最大的化妆品连锁公司:Douglas道格拉斯
2017/05/06 全球购物
阿姆斯特丹杜莎夫人蜡像馆官方网站:Madame Tussauds Amsterdam
2019/03/12 全球购物
日本订房网站,预订日本星级酒店/温泉旅馆:Relux(支持中文)
2020/01/03 全球购物
介绍一下#error预处理
2015/09/25 面试题
如何写一份好的自荐信
2014/01/02 职场文书
美术国培研修感言
2014/02/12 职场文书
学生社团文化节开幕式主持词
2014/03/28 职场文书
关于随地扔垃圾的检讨书
2014/09/30 职场文书
考研复习计划
2015/01/19 职场文书
先进教师个人总结
2015/02/11 职场文书
信访工作个人总结
2015/03/03 职场文书
2016年党员学习廉政准则心得体会
2016/01/20 职场文书
劳务派遣管理制度(样本)
2019/08/23 职场文书
python使用pymysql模块操作MySQL
2021/06/16 Python
Python绘制散乱的点构成的图的方法
2022/04/21 Python