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浏览器支持此功能。以上代码也很简单,有哪里不明白的欢迎提出,谢谢。!
相关文章
javascript之querySelector和querySelectorAll使用介绍
其实关于querySelector和querySelectorAll的介绍说明很多。在此主要是做个记录2011-12-12Bootstrap轮播插件中图片变形的终极解决方案 使用jqthumb.js
这篇文章主要介绍了Bootstrap轮播插件中图片变形的终极解决方案,使用jqthumb.js,感兴趣的小伙伴们可以参考一下2016-07-07bootstrap table插件的分页与checkbox使用详解
这篇文章主要为大家详细介绍了bootstrap table插件的分页与checkbox使用详解,具有一定的参考价值,感兴趣的小伙伴们可以参考一下2017-07-07
最新评论