js復(fù)制網(wǎng)頁內(nèi)容并兼容各主流瀏覽器的代碼
更新時間:2013年12月17日 15:26:59 作者:
js 復(fù)制網(wǎng)頁內(nèi)容的方法代碼有很多不過要兼容各瀏覽器就不多了,下面有個不錯的方法,大家可以嘗試操作下
因需要做一個js單擊,復(fù)制當前網(wǎng)頁url的功能。使用的是如下的方法,但是只能在ie瀏覽器下正常使用。
方法如下:
function copyURL(){
var clipBoardContent="";
clipBoardContent+=document.title;
clipBoardContent+="";
clipBoardContent+=this.location.href;
window.clipboardData.setData("Text",clipBoardContent);
alert("復(fù)制成功,請粘貼到你的QQ/MSN上推薦給你的好友");
}
-------------------------分隔線---------------------------
在網(wǎng)上找到一個flash
zClip
zClip
zClip 插件可以兼容各種瀏覽器。
使用方法很簡單,只需要導(dǎo)入一個js文件和一個swf文件即可。
使用方法如下
需先導(dǎo)入所需文件:
<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/
插件下載地址
方法如下:
復(fù)制代碼 代碼如下:
function copyURL(){
var clipBoardContent="";
clipBoardContent+=document.title;
clipBoardContent+="";
clipBoardContent+=this.location.href;
window.clipboardData.setData("Text",clipBoardContent);
alert("復(fù)制成功,請粘貼到你的QQ/MSN上推薦給你的好友");
}
-------------------------分隔線---------------------------
在網(wǎng)上找到一個flash
zClip
zClip
zClip 插件可以兼容各種瀏覽器。
使用方法很簡單,只需要導(dǎo)入一個js文件和一個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/
插件下載地址
您可能感興趣的文章:
- JavaScript實現(xiàn)一鍵復(fù)制文本功能的示例代碼
- Web js實現(xiàn)復(fù)制文本到粘貼板
- 使用js實現(xiàn)復(fù)制功能
- 使用?JS?復(fù)制頁面內(nèi)容的三種方案
- JavaScript實現(xiàn)一鍵復(fù)制內(nèi)容剪貼板
- js復(fù)制文本到粘貼板(Clipboard.writeText())
- JS實現(xiàn)一鍵復(fù)制
- Vue中使用highlight.js實現(xiàn)代碼高亮顯示以及點擊復(fù)制
- js實現(xiàn)復(fù)制粘貼的兩種方法
- JavaScript+Html5實現(xiàn)按鈕復(fù)制文字到剪切板功能(手機網(wǎng)頁兼容)
- JS實現(xiàn)復(fù)制內(nèi)容到剪貼板功能兼容所有瀏覽器(推薦)
- js實現(xiàn)點擊復(fù)制當前文本到剪貼板功能(兼容所有瀏覽器)
- 簡單實現(xiàn)兼容各大瀏覽器的js復(fù)制內(nèi)容到剪切板
- JavaScript 實現(xiàn)完美兼容多瀏覽器的復(fù)制功能代碼
- 兼容主流瀏覽器的JS復(fù)制內(nèi)容到剪貼板
- js實現(xiàn)的復(fù)制兼容chrome和IE
- 兼容所有瀏覽器的js復(fù)制插件Zero使用介紹
- 用js將內(nèi)容復(fù)制到剪貼板兼容瀏覽器
- JS復(fù)制內(nèi)容到剪切板的實例代碼(兼容IE與火狐)
- JS/FLASH實現(xiàn)復(fù)制代碼到剪貼板(兼容所有瀏覽器)
- 多瀏覽器兼容性比較好的復(fù)制到剪貼板的js代碼
- GWT中復(fù)制到剪貼板 js+flash實現(xiàn)復(fù)制 兼容性比較好
- 兼容IE與Firefox的js 復(fù)制代碼
- JavaScript 復(fù)制功能代碼 兼容多瀏覽器
- 至2023年最好用的兼容多瀏覽器的原生js復(fù)制函數(shù)copyText
相關(guān)文章
JavaScript style對象與CurrentStyle對象案例詳解
這篇文章主要介紹了JavaScript style對象與CurrentStyle對象案例詳解,本篇文章通過簡要的案例,講解了該項技術(shù)的了解與使用,以下就是詳細內(nèi)容,需要的朋友可以參考下2021-08-08微信小程序?qū)崿F(xiàn)時間戳格式轉(zhuǎn)換
這篇文章主要為大家詳細介紹了微信小程序?qū)崿F(xiàn)時間戳格式轉(zhuǎn)換,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下2020-07-07javascript實現(xiàn)移動的模態(tài)框效果
這篇文章主要為大家詳細介紹了javascript實現(xiàn)移動的模態(tài)框效果,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下2021-09-09