首页 > 语言 > JavaScript > 正文

JavaScript实现点击按钮就复制当前网址

2024-05-06 16:26:20

字体：大中小

来源：转载

供稿：网友

在大量的网站都有这样的功能，当点击一个按钮的时候可以复制当前页面的地址，以此可以方便网站用户对链接的存储，同时也便于网站的推广，下面给大家分享具体实现代码，对js实现点击按钮就复制的相关知识感兴趣的朋友一起学习吧

点击按钮复制当前网址:

在大量的网站都有这样的功能，当点击一个按钮的时候可以复制当前页面的地址，以此可以方便网站用户对链接的存储，同时也便于网站的推广，下面就结合实例介绍一下如何实现此功能：

<!DOCTYPE html><html><head><meta charset=" utf-8"><meta name="author" content="http://www.vevb.com/" /><title>脚本之家</title></head><body><input type="button" name="button" value="复制本页标题和网址，推荐给您的好友"><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>

以上代码可以在点击按钮实现复制当前链接的功能，但是令人遗憾的是只有IE浏览器支持此功能。以上代码也很简单，有哪里不明白的欢迎提出，谢谢。！

注：相关教程知识阅读请移步到JavaScript/Ajax教程频道。

上一篇：基于JavaScript实现一定时间后去执行一个函数

下一篇：JavaScript 实现的 zip 压缩和解压缩工具包Zip.js使用详解