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 相关文章推荐
javascript 建设银行登陆键盘
Jun 10 Javascript
jQuery操作select下拉框的text值和value值的方法
May 31 Javascript
jQuery中toggleClass()方法用法实例
Jan 05 Javascript
JQuery使用$.ajax和checkbox实现下次不在通知功能
Apr 16 Javascript
浅谈JSON.parse()和JSON.stringify()
Jul 14 Javascript
jQuery插件开发精品教程(让你的jQuery更上一个台阶)
Nov 07 Javascript
angularjs表格ng-table使用备忘录
Mar 09 Javascript
javascript 动态脚本添加的简单方法
Oct 11 Javascript
基于ES6作用域和解构赋值详解
Nov 03 Javascript
Vue 框架之键盘事件、健值修饰符、双向数据绑定
Nov 14 Javascript
详解JS实现简单的时分秒倒计时代码
Apr 25 Javascript
vue.js实现数据库的JSON数据输出渲染到html页面功能示例
Aug 03 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
用PHP4访问Oracle815
2006/10/09 PHP
杏林同学录(九)
2006/10/09 PHP
在PHP中养成7个面向对象的好习惯
2010/01/28 PHP
Ubuntu中搭建Nginx、PHP环境最简单的方法
2015/03/05 PHP
php ucwords() 函数将字符串中每个单词的首字符转换为大写(实现代码)
2016/05/12 PHP
PHP面向对象程序设计OOP继承用法入门示例
2016/12/27 PHP
laravel项目利用twemproxy部署redis集群的完整步骤
2018/05/11 PHP
javascript知识点收藏
2007/02/22 Javascript
JavaScript使用技巧精萃[代码非常实用]
2008/11/21 Javascript
JQuery的自定义事件代码,触发,绑定简单实例
2013/08/01 Javascript
jQuery 获取和设置select下拉框的值实现代码
2013/11/08 Javascript
checkbox勾选判断代码分析
2014/06/11 Javascript
vue2.0在没有dev-server.js下的本地数据配置方法
2018/02/23 Javascript
React BootStrap用户体验框架快速上手
2018/03/06 Javascript
layui从数据库中获取复选框的值并默认选中方法
2018/08/15 Javascript
对vue中v-on绑定自定事件的实例讲解
2018/09/06 Javascript
详解Vue webapp项目通过HBulider打包原生APP(vue+webpack+HBulider)
2019/02/02 Javascript
javascript将16进制的字符串转换为10进制整数hex
2020/03/05 Javascript
JS代码实现页面切换效果
2021/01/10 Javascript
Python中操作文件之write()方法的使用教程
2015/05/25 Python
python append、extend与insert的区别
2016/10/13 Python
Python文件循环写入行时防止覆盖的解决方法
2018/11/09 Python
Python实现打印实心和空心菱形
2019/11/23 Python
python使用numpy实现直方图反向投影示例
2020/01/17 Python
对Tensorflow中tensorboard日志的生成与显示详解
2020/02/04 Python
jupyter note 实现将数据保存为word
2020/04/14 Python
Python爬虫抓取论坛关键字过程解析
2020/10/19 Python
Jmeter调用Python脚本实现参数互相传递的实现
2021/01/22 Python
html5 postMessage前端跨域并前端监听的方法示例
2018/11/01 HTML / CSS
简单说说tomcat的配置
2013/05/28 面试题
int和Integer有什么区别
2013/05/25 面试题
企业党员一句话承诺
2014/05/30 职场文书
驳回起诉裁定书
2015/05/19 职场文书
2016年会领导致辞稿
2015/07/29 职场文书
创业计划书之烤红薯
2019/09/26 职场文书
用python实现监控视频人数统计
2021/05/21 Python