JavaScript實現(xiàn)點擊按鈕就復制當前網(wǎng)址
更新時間：2015年12月14日 11:31:18 作者：zhengzebiaodashi
在大量的網(wǎng)站都有這樣的功能，當點擊一個按鈕的時候可以復制當前頁面的地址，以此可以方便網(wǎng)站用戶對鏈接的存儲，同時也便于網(wǎng)站的推廣，下面給大家分享具體實現(xiàn)代碼，對js實現(xiàn)點擊按鈕就復制的相關知識感興趣的朋友一起學習吧
點擊按鈕復制當前網(wǎng)址:
在大量的網(wǎng)站都有這樣的功能，當點擊一個按鈕的時候可以復制當前頁面的地址，以此可以方便網(wǎng)站用戶對鏈接的存儲，同時也便于網(wǎng)站的推廣，下面就結合實例介紹一下如何實現(xiàn)此功能：
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://chabaoo.cn/" />
<title>腳本之家</title>
</head>
<body>
<input type="button" name="button" value="復制本頁標題和網(wǎng)址，推薦給您的好友"><br><br>
<script type="text/javascript">
function softwhy() {
var clipBoardContent = "";
clipBoardContent += document.title;
clipBoardContent += "\n";
clipBoardContent += this.location.href;
window.clipboardData.setData("Text", clipBoardContent);
alert("腳本之家提示：復制成功！");
}
</script>
</body>
</html>
以上代碼可以在點擊按鈕實現(xiàn)復制當前鏈接的功能，但是令人遺憾的是只有IE瀏覽器支持此功能。以上代碼也很簡單，有哪里不明白的歡迎提出，謝謝。！
相關文章
JavaScript canvas復刻蘋果發(fā)布會環(huán)形進度條
canvas 真是一個好東西，它給前端插上了想象的翅膀，伴隨著 h5 而來，將 web 代入了新的領域。本文將利用anvas復刻蘋果發(fā)布會環(huán)形進度條，感興趣的可以嘗試一下2022-07-07
javascript之querySelector和querySelectorAll使用介紹
其實關于querySelector和querySelectorAll的介紹說明很多。在此主要是做個記錄2011-12-12
Bootstrap輪播插件中圖片變形的終極解決方案 使用jqthumb.js
這篇文章主要介紹了Bootstrap輪播插件中圖片變形的終極解決方案，使用jqthumb.js，感興趣的小伙伴們可以參考一下2016-07-07
這篇文章主要介紹了JavaScript中的操作符==與===介紹,本文講解了===操作符的判斷規(guī)則、==操作符的判斷規(guī)則,需要的朋友可以參考下2014-12-12
這篇文章主要為大家詳細介紹了微信公眾號支付H5調用支付,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-11-11
本文給大家介紹的是使用javascript來實現(xiàn)一款經(jīng)典的老游戲--推箱子，主要側重于實現(xiàn)的思路，最后附上源碼給大家。2015-07-07
這篇文章主要為大家詳細介紹了原生JavaScript實現(xiàn)購物車效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-07-07
bootstrap table插件的分頁與checkbox使用詳解
這篇文章主要為大家詳細介紹了bootstrap table插件的分頁與checkbox使用詳解，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-07-07
這篇文章主要介紹了微信小程序之onLaunch與onload異步問題詳解，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-03-03
群里有個出了一道有趣的題目，分享出來讓大家看看2012-02-02