js复制网页内容并兼容各主流浏览器的代码_Javascript教程-查字典教程网
js复制网页内容并兼容各主流浏览器的代码
js复制网页内容并兼容各主流浏览器的代码
发布时间:2016-12-30 来源:查字典编辑
摘要:因需要做一个js单击,复制当前网页url的功能。使用的是如下的方法,但是只能在ie浏览器下正常使用。方法如下:复制代码代码如下:functi...

因需要做一个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教程学习
    编程开发子分类