快捷導(dǎo)航

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

更新時(shí)間：2013年12月17日 15:26:59 作者：

js 復(fù)制網(wǎng)頁內(nèi)容的方法代碼有很多不過要兼容各瀏覽器就不多了，下面有個(gè)不錯(cuò)的方法，大家可以嘗試操作下

因需要做一個(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" 

}); 

還有一些配置方法，詳見官網(wǎng)：http://www.steamdev.com/zclip/
插件下載地址

您可能感興趣的文章:

相關(guān)文章

ES6概念 Symbol toString()方法
這篇文章主要介紹了ES6概念 Symbol toString()方法,需要的朋友可以參考下
2016-12-12
詳解http訪問解析流程原理
這篇文章主要介紹了詳解http訪問解析流程原理的相關(guān)資料,希望通過本文能幫助到大家，讓大家理解掌握這部分內(nèi)容，需要的朋友可以參考下
2017-10-10
JavaScript瀏覽器對(duì)象模型BOM(BrowserObjectModel)實(shí)例詳解
這篇文章主要介紹了JavaScript瀏覽器對(duì)象模型BOM(BrowserObjectModel),結(jié)合實(shí)例形式較為詳細(xì)的分析了BOM模型的常用對(duì)象與相關(guān)使用技巧,需要的朋友可以參考下
2016-11-11
如何使用JavaScript和XLSX.js將數(shù)據(jù)導(dǎo)出為Excel文件
這篇文章主要給大家介紹了關(guān)于如何使用JavaScript和XLSX.js將數(shù)據(jù)導(dǎo)出為Excel文件的相關(guān)資料,xlsx.js基于JavaScript的Excel文件讀寫庫如果你需要在瀏覽器端處理Excel文件,那么xlsx.js可能是一個(gè)不錯(cuò)的選擇,需要的朋友可以參考下
2024-05-05
薪資那么高的Web前端必看書單
由于前端開發(fā)的火熱和一些IT巨頭公司對(duì) web前端開發(fā)人員的需求旺盛，讓越來越多的人轉(zhuǎn)入前端。今天就為大家分享了一份Web前端開發(fā)書單，希望大家喜歡
2017-10-10
淺談Javascript變量作用域問題
這篇文章主要簡(jiǎn)單介紹了個(gè)人對(duì)于Javascript變量作用域問題的一點(diǎn)理解，分享給大家，有需要的小伙伴參考下
2014-12-12
使用layer.msg 時(shí)間設(shè)置不起作用的解決方法
今天小編就為大家分享一篇使用layer.msg 時(shí)間設(shè)置不起作用的解決方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
2019-09-09
JavaScript中常見獲取元素的方法匯總
本文向大家介紹了javascript中常見的3種獲取元素的方法，分別是通過元素ID、通過標(biāo)簽名字和通過類名字來獲取，并附上了示例，希望大家能夠喜歡。
2015-03-03
如何在?xHTML?中驗(yàn)證?noscript+meta?refresh?標(biāo)簽
這篇文章主要介紹了如何在?xHTML?中驗(yàn)證?noscript+meta?refresh?標(biāo)簽,需要的朋友可以參考下
2023-03-03
JavaScript獲取當(dāng)前窗口內(nèi)的寬度和高度匯總
這篇文章主要介紹了JavaScript獲取當(dāng)前窗口內(nèi)的寬度和高度匯總的相關(guān)資料,需要的朋友可以參考下
2023-02-02