js 复制网页内容,兼容各浏览器
2015-08-14 10:08
585 查看
js 复制网页内容,兼容各浏览器
分类:jQuery 2013-12-17 02:56
2036人阅读 评论(1)
收藏
举报
因需要做一个js单击,复制当前网页url的功能。使用的是如下的方法,但是只能在ie浏览器下正常使用。
方法如下:
[javascript]
view plaincopyprint?
function copyURL(){
var clipBoardContent="";
clipBoardContent+=document.title;
clipBoardContent+="";
clipBoardContent+=this.location.href;
window.clipboardData.setData("Text",clipBoardContent);
alert("复制成功,请粘贴到你的QQ/MSN上推荐给你的好友");
}
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>
- See more at: http://www.steamdev.com/zclip/#sthash.wtIQfaKp.dpuf
<script type="text/javascript"src="js/jquery.js"></script>
<script type="text/javascript"src="js/jquery.zclip.js"></script>
- See more at: http://www.steamdev.com/zclip/#sthash.wtIQfaKp.dpuf
[javascript]
view plaincopyprint?
<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"
});
<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/
插件下载地址:http://download.csdn.net/detail/honglei_zh/6717935
易轮胎
版权声明:本文为博主原创文章,未经博主允许不得转载。
相关文章推荐
- jsp页面显示登入时间
- jsp/servlet相关技术 (二) --- jsp的原理、注释、声明、脚本等
- 实例讲解js中的预编译
- Chrome 控制台 如何调试javascript
- Google Chrome调试js代码
- JSON 数据格式
- 一个jsp的注册界面
- js实现选中复选框文字变色的方法
- 如何学习3D Three.js 3D引擎
- js 表格合并
- jsp页面foreach循环,表单提交,批量处理数据,
- JavaScript 属性介绍
- avalon js实现仿微博拖动图片排序
- javascript实现显示和隐藏div方法汇总
- javascript运算符及优先级
- js-延迟处理函数
- javascript实现页面倒计时跳转
- JavaScript 32位整型无符号操作
- JavaScript基础教程
- Javascript DOM编程艺术(第2版) -- 读书笔记(一)