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 相关文章推荐
用js实现的仿sohu博客更换页面风格(简单版)
Mar 22 Javascript
Web前端设计模式  制作漂亮的弹出层
Oct 29 Javascript
js 在定义的时候立即执行的函数表达式(function)写法
Jan 16 Javascript
window.open()详解及浏览器兼容性问题示例探讨
May 29 Javascript
Bootstrap精简教程中秋大放送
Sep 15 Javascript
js仿小米官网图片轮播特效
Sep 29 Javascript
AngularJS+bootstrap实现动态选择商品功能示例
May 17 Javascript
JS鼠标滚动分页效果示例
Jul 05 Javascript
vue.js 图片上传并预览及图片更换功能的实现代码
Aug 27 Javascript
Vue.js实现可编辑的表格
Dec 11 Javascript
Vue中watch、computed、updated三者的区别及用法
Jul 27 Javascript
解析原生JS getComputedStyle
May 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
PHP 基本语法格式
2009/12/15 PHP
Thinkphp模板中使用自定义函数的方法
2012/09/23 PHP
解析PHP高效率写法(详解原因)
2013/06/20 PHP
php遍历文件夹下的所有文件和子文件夹示例
2014/03/20 PHP
phalcon model在插入或更新时会自动验证非空字段的解决办法
2016/12/29 PHP
[原创]来自ImageSee官方 JavaScript图片浏览器
2008/01/16 Javascript
JQuery中阻止事件冒泡几种方式及其区别介绍
2014/01/15 Javascript
jquery实现下拉菜单的二级联动利用json对象从DB取值显示联动
2014/03/27 Javascript
jQuery圆形统计图开发实例
2015/01/04 Javascript
Nodejs实现批量下载妹纸图
2015/05/28 NodeJs
Node.js实现JS文件合并小工具
2016/02/02 Javascript
Jquery技巧(必须掌握)
2016/03/16 Javascript
bootstrap table实现单击单元格可编辑功能
2017/03/28 Javascript
webpack-dev-server自动更新页面方法
2018/02/22 Javascript
js使用Promise实现简单的Ajax缓存
2018/11/14 Javascript
详解如何在vscode里面调试js和node.js的方法步骤
2018/12/24 Javascript
浅谈Vue.js 关于页面加载完成后执行一个方法的问题
2019/04/01 Javascript
详解微信小程序开发聊天室—实时聊天,支持图片预览
2019/05/20 Javascript
Vue 集成 PDF.js 实现 PDF 预览和添加水印的步骤
2021/01/22 Vue.js
在Python的web框架中中编写日志列表的教程
2015/04/30 Python
Python的Twisted框架中使用Deferred对象来管理回调函数
2016/05/25 Python
Flask框架中密码的加盐哈希加密和验证功能的用法详解
2016/06/07 Python
请不要重复犯我在学习Python和Linux系统上的错误
2016/12/12 Python
Python Queue模块详细介绍及实例
2016/12/27 Python
在Windows中设置Python环境变量的实例讲解
2018/04/28 Python
Python实现的各种常见分布算法示例
2018/12/13 Python
Python之lambda匿名函数及map和filter的用法
2019/03/05 Python
python自定义函数实现最大值的输出方法
2019/07/09 Python
Python爬虫代理池搭建的方法步骤
2020/09/28 Python
应届毕业生的个人自我鉴定
2013/10/24 职场文书
充分就业社区汇报材料
2014/05/07 职场文书
企业员工薪酬方案
2014/06/04 职场文书
纪律教育学习心得体会
2014/09/02 职场文书
银行求职信范文怎么写
2015/03/20 职场文书
Ajax 的初步实现(使用vscode+node.js+express框架)
2021/06/18 Javascript
Python可变与不可变数据和深拷贝与浅拷贝
2022/04/06 Python