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 innerHTML、outerHTML、innerText、outerText的区别
Nov 24 Javascript
javascript showModalDialog,open取得父窗口的方法
Mar 10 Javascript
js获取height和width的方法说明
Jan 06 Javascript
导航跟随滚动条置顶移动示例代码
Sep 11 Javascript
jquery实现相册一下滑动两次的方法
Feb 09 Javascript
jquery把int类型转换成字符串类型的方法
Oct 07 Javascript
JavaScript实现的选择排序算法实例分析
Apr 14 Javascript
jQuery封装placeholder效果实现方法,让低版本浏览器支持该效果
Jul 08 jQuery
13 个npm 快速开发技巧(推荐)
Jul 04 Javascript
node.js处理前端提交的GET请求
Aug 30 Javascript
JavaScript 空间坐标的使用
Aug 19 Javascript
vue实现列表拖拽排序的示例代码
Apr 08 Vue.js
鼠标移入移出事件改变图片的分辨率的两种方法
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
5款适合PHP使用的HTML编辑器推荐
2015/07/03 PHP
php生成过去100年下拉列表的方法
2015/07/20 PHP
Yii2主题(Theme)用法详解
2016/07/23 PHP
php获取网站根目录物理路径的几种方法(推荐)
2017/03/04 PHP
php上传excel表格并获取数据
2017/04/27 PHP
ThinkPHP类似AOP思想的参数验证的实现方法
2019/12/18 PHP
PHP设计模式(四)原型模式Prototype实例详解【创建型】
2020/05/02 PHP
一段非常简单的让图片自动切换js代码
2006/11/10 Javascript
jquery 简单的进度条实现代码
2010/03/11 Javascript
JSDoc 介绍使用规范JsDoc的使用介绍
2011/02/12 Javascript
Extjs407 getValue()和getRawValue()区别介绍
2013/05/21 Javascript
jQuery 快速结束当前正在执行的动画
2013/11/20 Javascript
JavaScript在IE和FF下的兼容性问题
2014/05/19 Javascript
jQuery的remove()方法使用详解
2015/08/11 Javascript
利用Chrome DevTools直接调试Node.js和JavaScript的方法详解(并行)
2017/02/16 Javascript
nodejs爬虫初试superagent和cheerio
2018/03/05 NodeJs
使用Angular CLI快速创建Angular项目的一些基本概念和写法小结
2018/04/22 Javascript
js实现动态增加文件域表单功能
2018/10/22 Javascript
深入理解react 组件类型及使用场景
2019/03/07 Javascript
Vue自定义全局弹窗组件操作
2020/08/11 Javascript
[07:43]《辉夜杯》公开赛晋级外卡赛战队—TRG训练生活探秘
2015/12/11 DOTA
python使用smtplib模块通过gmail实现邮件发送的方法
2015/05/08 Python
python3.x实现发送邮件功能
2018/05/22 Python
Python2.7环境Flask框架安装简明教程【已测试】
2018/07/13 Python
Python生成器实现简单&quot;生产者消费者&quot;模型代码实例
2020/03/27 Python
pyMySQL SQL语句传参问题,单个参数或多个参数说明
2020/06/06 Python
北美主要的汽车零部件零售商:AutoShack.com
2019/02/23 全球购物
JSF界面控制层技术
2013/06/17 面试题
小学生期末自我鉴定
2014/01/19 职场文书
离婚协议书范本及离婚须知
2014/10/15 职场文书
物业工程部岗位职责
2015/02/11 职场文书
行政处罚事先告知书
2015/07/01 职场文书
2016新教师培训心得体会范文
2016/01/08 职场文书
职业规划从高考志愿专业选择开始
2019/08/08 职场文书
CSS实现单选折叠菜单功能
2021/11/01 HTML / CSS
忘记Grafana不要紧2种Grafana重置admin密码方法详细步骤
2022/04/07 Servers