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 弹出层实现代码
Oct 30 Javascript
json-lib出现There is a cycle in the hierarchy解决办法
Feb 24 Javascript
JavaScript时间操作之年月日星期级联操作
Jan 15 Javascript
Bootstrap组件学习之导航、标签、面包屑导航(精品)
May 17 Javascript
基于JS实现省市联动效果代码分享
Jun 06 Javascript
详解AngularJs中$sce与$sceDelegate上下文转义服务
Sep 21 Javascript
JavaScript Canvas实现验证码
Aug 02 Javascript
elementUI Tree 树形控件的官方使用文档
Apr 25 Javascript
vue-cli3+ts+webpack实现多入口多出口功能
May 30 Javascript
Nuxt使用Vuex的方法示例
Sep 06 Javascript
通过原生vue添加滚动加载更多功能
Nov 21 Javascript
JavaScript简单编程实例学习
Feb 14 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
thinkPHP5 ACL用户权限模块用法详解
2017/05/10 PHP
一个cssQuery对象 javascript脚本实现代码
2009/07/21 Javascript
使用Jquery来实现可以输入值的下拉选单 雏型
2011/12/06 Javascript
Jquery实现视频播放页面的关灯开灯效果
2013/05/27 Javascript
javascript-表格排序(降序/反序)实现介绍(附图)
2013/05/30 Javascript
javascript控制Div层透明属性由浅变深由深变浅逐渐显示
2013/11/12 Javascript
JS实现网页标题随机显示名人名言的方法
2015/11/03 Javascript
每天一篇javascript学习小结(String对象)
2015/11/18 Javascript
一道JS前端闭包面试题解析
2015/12/25 Javascript
JS使用JSON作为参数实例分析
2016/06/23 Javascript
JavaScript校验Number(4,1)格式的数字实例代码
2017/03/13 Javascript
vue.js异步上传文件前后端实现代码
2017/08/22 Javascript
ejsExcel模板在Vue.js项目中的实际运用
2018/01/27 Javascript
vue从一个页面跳转到另一个页面并携带参数的解决方法
2019/08/12 Javascript
JavaScript算法学习之冒泡排序和选择排序
2019/11/02 Javascript
[01:52]PWL S2开团时刻第四期——DOTA2成语故事
2020/12/03 DOTA
Python实现FTP上传文件或文件夹实例(递归)
2017/01/16 Python
Python字符串拼接的几种方法整理
2017/08/02 Python
python 二分查找和快速排序实例详解
2017/10/13 Python
python实现石头剪刀布程序
2021/01/20 Python
python实现从本地摄像头和网络摄像头截取图片功能
2019/07/11 Python
python分别打包出32位和64位应用程序
2020/02/18 Python
opencv-python的RGB与BGR互转方式
2020/06/02 Python
keras实现调用自己训练的模型,并去掉全连接层
2020/06/09 Python
OpenCV灰度化之后图片为绿色的解决
2020/12/01 Python
利用CSS3伪元素实现逐渐发光的方格边框
2017/05/07 HTML / CSS
JavaScript实现前端网页版倒计时
2021/03/24 Javascript
电厂厂长岗位职责
2014/01/02 职场文书
学习交流会主持词
2014/04/01 职场文书
厨房管理计划书
2014/04/27 职场文书
经管应届生求职信范文
2014/05/18 职场文书
4s店活动策划方案
2014/08/25 职场文书
担保书范文
2015/01/20 职场文书
2015年禁毒宣传活动总结
2015/03/25 职场文书
爱心捐款倡议书:点燃希望,传递温暖
2019/11/04 职场文书
七个非常实用的Python工具包总结
2021/06/15 Python