JavaScript实现点击按钮就复制当前网址
更新时间：2015年12月14日 11:31:18 作者：zhengzebiaodashi
在大量的网站都有这样的功能，当点击一个按钮的时候可以复制当前页面的地址，以此可以方便网站用户对链接的存储，同时也便于网站的推广，下面给大家分享具体实现代码，对js实现点击按钮就复制的相关知识感兴趣的朋友一起学习吧
点击按钮复制当前网址:
在大量的网站都有这样的功能，当点击一个按钮的时候可以复制当前页面的地址，以此可以方便网站用户对链接的存储，同时也便于网站的推广，下面就结合实例介绍一下如何实现此功能：
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="https://www.jb51.net/" />
<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浏览器支持此功能。以上代码也很简单，有哪里不明白的欢迎提出，谢谢。！
相关文章
这篇文章主要为大家详细介绍了原生js+jquery+css3实现瀑布流的相关代码，三种实现瀑布流的方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-07-07
使用weixin-java-tools完成微信授权登录、微信支付的示例
这篇文章主要介绍了使用weixin-java-tools完成微信授权登录、微信支付的示例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-09-09
微信小程序出现wx.getLocation再次授权问题的解决方法分析
这篇文章主要介绍了微信小程序出现wx.getLocation再次授权问题的解决方法,结合实例形式分析了解决wx.getLocation再次授权问题的相关操作步骤,需要的朋友可以参考下2019-01-01
使用JavaScript开发的时候,很多人多多少少都会被this的指向问题搞蒙圈,下面这篇文章主要给大家介绍了关于JavaScript中this例题实战的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2022-06-06
这篇文章主要介绍了javascript模拟map输出与去除重复项的方法,通过自定义函数结合遍历与删除的方法实现了去除重复项的功能,非常具有实用价值,需要的朋友可以参考下2015-02-02
这篇文章主要介绍了js实现iframe自动自适应高度的方法,涉及javascript操作iframe框架的技巧,非常具有实用价值,需要的朋友可以参考下2015-02-02
用js实现table单元格高宽调整,兼容合并单元格(兼容IE6、7、8、FF)实例
用js实现table单元格宽度和高度调整,有合并单元格也可以的.兼容IE6,7,8以及FF,附上代码css,html,js三部份，有需要的朋友可以参考一下2013-06-06
这篇文章主要为大家详细介绍了四个JavaScript中检测数据类型的常用方法，文中的示例代码讲解详细，具有一定的参考价值，需要的可以参考一下2023-04-04
这篇文章主要为大家介绍了基于javascript实现图片左右切换效果，感兴趣的小伙伴们可以参考一下2016-01-01
最近几天做了一个项目，原来是用css3动画做的，由于不兼容IE，改成用js做了，特此分享给大家，供大家参考2016-04-04
最新评论