js复制网页内容(兼容多个浏览器)

发布时间:2019-10-02编辑:脚本学堂
分享一例js复制网页内容的代码,并且兼容多个主流的浏览器,用到了zClic插件,实现兼容各种浏览器。

本节内容:
复制网页内容的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 插件可以兼容各种浏览器。

使用方法:
只需要导入一个js文件和一个swf文件即可。

具体的使用方法,如下所示:
1,首先,导入所需文件:
 

复制代码 代码示例:

<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/。