js復(fù)制網(wǎng)頁內(nèi)容并兼容各主流瀏覽器的代碼

2019-11-20 21:26:40

字體：大中小

供稿：網(wǎng)友

因需要做一個(gè)js單擊,復(fù)制當(dāng)前網(wǎng)頁url的功能。使用的是如下的方法，但是只能在ie瀏覽器下正常使用。

方法如下：

 
function copyURL(){ 
var clipBoardContent=""; 
clipBoardContent+=document.title; 
clipBoardContent+=""; 
clipBoardContent+=this.location.href; 
window.clipboardData.setData("Text",clipBoardContent); 
alert("復(fù)制成功，請(qǐng)粘貼到你的QQ/MSN上推薦給你的好友"); 
} 

-------------------------分隔線---------------------------

在網(wǎng)上找到一個(gè)flash
zClip

zClip
zClip 插件可以兼容各種瀏覽器。

使用方法很簡(jiǎn)單，只需要導(dǎo)入一個(gè)js文件和一個(gè)swf文件即可。

使用方法如下

需先導(dǎo)入所需文件：

復(fù)制代碼代碼如下:

 
<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" 

}); 