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


Posted in Javascript onDecember 14, 2015

点击按钮复制当前网址:

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

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="https://3water.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 相关文章推荐
用javascript实现的支持lrc歌词的播放器
May 17 Javascript
JQuery调webservice实现邮箱验证(检测是否可用)
May 21 Javascript
javascript检查表单数据是否改变的方法
Jul 30 Javascript
表单元素与非表单元素刷新区别详细解析
Nov 06 Javascript
JavaScript初学者建议:不要去管浏览器兼容
Feb 04 Javascript
跟我学习javascript的undefined与null
Nov 17 Javascript
JS使用onerror捕获异常示例
Aug 03 Javascript
简述Angular 5 快速入门
Nov 04 Javascript
jquery写出PC端轮播图实例
Jan 26 jQuery
vue 父组件通过v-model接收子组件的值的代码
Oct 27 Javascript
vue 组件间的通信之子组件向父组件传值的方式
Jul 29 Javascript
Antd中单个DatePicker限定时间输入范围操作
Oct 29 Javascript
JavaScript 实现的 zip 压缩和解压缩工具包Zip.js使用详解
Dec 14 #Javascript
JS+JSP通过img标签调用实现静态页面访问次数统计的方法
Dec 14 #Javascript
基于JavaScript实现一定时间后去执行一个函数
Dec 14 #Javascript
javascript中new关键字详解
Dec 14 #Javascript
jQuery position() 函数详解以及jQuery中position函数的应用
Dec 14 #Javascript
Position属性之relative用法
Dec 14 #Javascript
CSS中position属性之fixed实现div居中
Dec 14 #Javascript
You might like
浅谈php serialize()与unserialize()的用法
2013/06/05 PHP
php数组键名技巧小结
2015/02/17 PHP
php模拟服务器实现autoindex效果的方法
2015/03/10 PHP
php实现微信发红包功能
2018/07/13 PHP
javascript实现的鼠标链接提示效果生成器代码
2007/06/28 Javascript
基于JQuery的动态删除Table表格的行和列的代码
2011/05/12 Javascript
JQuery $.each遍历JavaScript数组对象实例
2014/09/01 Javascript
一起学写js Calender日历控件
2016/04/14 Javascript
使用HTML5+Boostrap打造简单的音乐播放器
2016/08/05 Javascript
Google Maps基础及实例解析
2016/08/06 Javascript
详解Node.js如何开发命令行工具
2016/08/14 Javascript
Angular中$cacheFactory的作用和用法实例详解
2016/08/19 Javascript
解析预加载显示图片艺术
2016/12/05 Javascript
angular双向绑定模拟探索
2016/12/26 Javascript
JavaScript基于replace+正则实现ES6的字符串模版功能
2017/04/25 Javascript
swiper4实现移动端导航切换
2020/10/16 Javascript
ES6之Proxy的get方法详解
2019/10/11 Javascript
微信公众号网页分享功能开发的示例代码
2020/05/27 Javascript
jQuery实现倒计时功能完整示例
2020/06/01 jQuery
[36:33]完美世界DOTA2联赛循环赛 Matador vs Forest 第一场 11.06
2020/11/06 DOTA
用Python写一个无界面的2048小游戏
2016/05/24 Python
Python的几个高级语法概念浅析(lambda表达式闭包装饰器)
2016/05/28 Python
Pandas DataFrame数据的更改、插入新增的列和行的方法
2019/06/25 Python
如何在Cloud Studio上执行Python代码?
2019/08/09 Python
俄罗斯第一家篮球店:StreetBall
2020/07/30 全球购物
毕业典礼主持词大全
2014/03/26 职场文书
土建专业大学生自荐信范文
2014/04/09 职场文书
模具设计与制造专业求职信
2014/07/19 职场文书
好的旅游活动方案
2014/08/19 职场文书
2014年个人售房协议书
2014/10/30 职场文书
师德师风学习材料
2014/12/19 职场文书
部队个人年终总结
2015/03/02 职场文书
2015年乡镇民政工作总结
2015/05/13 职场文书
行政复议答复书
2015/07/01 职场文书
剧场版《转生恶役只好拔除破灭旗标》公开最新视觉图 2023年上映
2022/04/02 日漫
mysql 排序失效
2022/05/20 MySQL