js 复制网页内容，兼容各浏览器

分类： jQuery 2013-12-17 02:56 2036人阅读 评论(1)收藏 举报

因需要做一个js单击,复制当前网页url的功能。使用的是如下的方法，但是只能在ie浏览器下正常使用。

方法如下：

[javascript] view plaincopyprint?

1. function copyURL(){  
2.  var clipBoardContent="";  
3.  clipBoardContent+=document.title;  
4.  clipBoardContent+="";  
5.  clipBoardContent+=this.location.href;  
6.  window.clipboardData.setData("Text",clipBoardContent);  
7.  alert("复制成功，请粘贴到你的QQ/MSN上推荐给你的好友");  
8.  }  

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?

1. <script type="text/javascript" src="js/jquery.js"></script>  
2. <script type="text/javascript" src="js/jquery.zclip.js"></script>  
3.   
4. $(document).ready(function(){  
5.     $('a#copy-description').zclip({  
6.         path:'js/ZeroClipboard.swf',  
7.         copy:$('p#description').text()  
8.     });  
9.   
10.     // The link with ID "copy-description" will copy  
11.     // the text of the paragraph with ID "description"  
12.   
13.     $('a#copy-dynamic').zclip({  
14.         path:'js/ZeroClipboard.swf',  
15.         copy:function(){return $('input#dynamic').val();}  
16.     });  
17.   
18.     // The link with ID "copy-dynamic" will copy the current value  
19.     // of a dynamically changing input with the ID "dynamic"  
20.   
21. });  

<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

易轮胎

版权声明：本文为博主原创文章，未经博主允许不得转载。

• 上一篇既有鱼肉又有熊掌——浅尝ListOrderedMap
• 下一篇三种让网站图片生成灰色效果的方法

顶

1

踩

0