首页 > PHP资讯 > HTML5培训技术 > js复制网页内容,兼容各浏览器

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

HTML5培训技术

因需要做一个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/javascriptsrc=js/jquery.js>《script》<script type=text/javascriptsrc=js/jquery.zclip.js>《script》- See more at: http://www.steamdev.com/zclip/#sthash.wtIQfaKp.dpuf <script type=text/javascriptsrc=js/jquery.js>《script》<script type=text/javascriptsrc=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》$(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});

 

HTML5培训技术

本文由欣才IT学院整理发布,未经许可,禁止转载。
支持32不支持0