当前位置：首页 > 资讯 > 技术文档

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

时间：2020-02-25 23:45 编辑：来源：阅读：
扫一扫，手机访问

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

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

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.1sucai.cn/" />
<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浏览器支持此功能。以上代码也很简单，有哪里不明白的欢迎提出，谢谢。！

全部评论(0)

上一篇：Bootstrap实现水平排列的表单
下一篇：JS开发中百度地图+城市联动实现实时触发查询地址功能

资讯排行榜
更多>>