首页 > 网络编程 > JavaScript > javascript技巧 > 复制网页内容兼容浏览器

js复制网页内容并兼容各主流浏览器的代码

2013-12-17 15:26:59 作者：

js 复制网页内容的方法代码有很多不过要兼容各浏览器就不多了，下面有个不错的方法，大家可以尝试操作下

因需要做一个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/
插件下载地址

js复制网页内容并兼容各主流浏览器的代码

您可能感兴趣的文章: