快捷導(dǎo)航

JavaScript實(shí)現(xiàn)點(diǎn)擊按鈕就復(fù)制當(dāng)前網(wǎng)址

更新時(shí)間：2015年12月14日 11:31:18 作者：zhengzebiaodashi

在大量的網(wǎng)站都有這樣的功能，當(dāng)點(diǎn)擊一個(gè)按鈕的時(shí)候可以復(fù)制當(dāng)前頁面的地址，以此可以方便網(wǎng)站用戶對(duì)鏈接的存儲(chǔ)，同時(shí)也便于網(wǎng)站的推廣，下面給大家分享具體實(shí)現(xiàn)代碼，對(duì)js實(shí)現(xiàn)點(diǎn)擊按鈕就復(fù)制的相關(guān)知識(shí)感興趣的朋友一起學(xué)習(xí)吧

點(diǎn)擊按鈕復(fù)制當(dāng)前網(wǎng)址:

在大量的網(wǎng)站都有這樣的功能，當(dāng)點(diǎn)擊一個(gè)按鈕的時(shí)候可以復(fù)制當(dāng)前頁面的地址，以此可以方便網(wǎng)站用戶對(duì)鏈接的存儲(chǔ)，同時(shí)也便于網(wǎng)站的推廣，下面就結(jié)合實(shí)例介紹一下如何實(shí)現(xiàn)此功能：

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.fzitv.net/" />
<title>腳本之家</title>
</head>
<body>
<input type="button" name="button" value="復(fù)制本頁標(biāo)題和網(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("腳本之家提示：復(fù)制成功！");
}
</script>
</body>
</html>

以上代碼可以在點(diǎn)擊按鈕實(shí)現(xiàn)復(fù)制當(dāng)前鏈接的功能，但是令人遺憾的是只有IE瀏覽器支持此功能。以上代碼也很簡(jiǎn)單，有哪里不明白的歡迎提出，謝謝。！

您可能感興趣的文章:

相關(guān)文章

瀑布流的實(shí)現(xiàn)方式（原生js+jquery+css3）
這篇文章主要為大家詳細(xì)介紹了原生js+jquery+css3實(shí)現(xiàn)瀑布流的相關(guān)代碼，三種實(shí)現(xiàn)瀑布流的方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-07-07
使用weixin-java-tools完成微信授權(quán)登錄、微信支付的示例
這篇文章主要介紹了使用weixin-java-tools完成微信授權(quán)登錄、微信支付的示例，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2018-09-09
微信小程序出現(xiàn)wx.getLocation再次授權(quán)問題的解決方法分析
這篇文章主要介紹了微信小程序出現(xiàn)wx.getLocation再次授權(quán)問題的解決方法,結(jié)合實(shí)例形式分析了解決wx.getLocation再次授權(quán)問題的相關(guān)操作步驟,需要的朋友可以參考下
2019-01-01
JavaScript中的this例題實(shí)戰(zhàn)總結(jié)詳析
使用JavaScript開發(fā)的時(shí)候,很多人多多少少都會(huì)被this的指向問題搞蒙圈,下面這篇文章主要給大家介紹了關(guān)于JavaScript中this例題實(shí)戰(zhàn)的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下
2022-06-06
javascript模擬map輸出與去除重復(fù)項(xiàng)的方法
這篇文章主要介紹了javascript模擬map輸出與去除重復(fù)項(xiàng)的方法,通過自定義函數(shù)結(jié)合遍歷與刪除的方法實(shí)現(xiàn)了去除重復(fù)項(xiàng)的功能,非常具有實(shí)用價(jià)值,需要的朋友可以參考下
2015-02-02
js實(shí)現(xiàn)iframe自動(dòng)自適應(yīng)高度的方法
這篇文章主要介紹了js實(shí)現(xiàn)iframe自動(dòng)自適應(yīng)高度的方法,涉及javascript操作iframe框架的技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下
2015-02-02
用js實(shí)現(xiàn)table單元格高寬調(diào)整,兼容合并單元格(兼容IE6、7、8、FF)實(shí)例
用js實(shí)現(xiàn)table單元格寬度和高度調(diào)整,有合并單元格也可以的.兼容IE6,7,8以及FF,附上代碼css,html,js三部份，有需要的朋友可以參考一下
2013-06-06
JavaScript中檢測(cè)數(shù)據(jù)類型的四種方法總結(jié)
這篇文章主要為大家詳細(xì)介紹了四個(gè)JavaScript中檢測(cè)數(shù)據(jù)類型的常用方法，文中的示例代碼講解詳細(xì)，具有一定的參考價(jià)值，需要的可以參考一下
2023-04-04
基于javascript實(shí)現(xiàn)圖片左右切換效果
這篇文章主要為大家介紹了基于javascript實(shí)現(xiàn)圖片左右切換效果，感興趣的小伙伴們可以參考一下
2016-01-01
JavaScript代碼實(shí)現(xiàn)左右上下自動(dòng)晃動(dòng)自動(dòng)移動(dòng)
最近幾天做了一個(gè)項(xiàng)目，原來是用css3動(dòng)畫做的，由于不兼容IE，改成用js做了，特此分享給大家，供大家參考
2016-04-04