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 相关文章推荐
详细讲解JS节点知识
Jan 31 Javascript
Google排名中的10个最著名的 JavaScript库
Apr 27 Javascript
jquery更换文章内容与改变字体大小代码
Sep 30 Javascript
jquery()函数的三种语法介绍
Oct 09 Javascript
jquery数组过滤筛选方法grep()简介
Jun 06 Javascript
Bootstrap表单使用方法详解
Feb 17 Javascript
判断滚动条滑到底部触发事件(实例讲解)
Nov 15 Javascript
vue 实现购物车总价计算
Nov 06 Javascript
详解为element-ui的Select和Cascader添加弹层底部操作按钮
Feb 07 Javascript
webpack打包优化的几个方法总结
Feb 10 Javascript
vue动态设置路由权限的主要思路
Jan 13 Vue.js
解决vue自定义组件@click点击失效问题
Apr 30 Vue.js
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
深入Memcache的Session数据的多服务器共享详解
2013/06/13 PHP
解析php file_exists无效的解决办法
2013/06/26 PHP
PHP类继承 extends使用介绍
2014/01/14 PHP
四个常见html网页乱码问题及解决办法
2015/09/08 PHP
10款实用的PHP开源工具
2015/10/23 PHP
PHP判断文件是否被引入的方法get_included_files用法示例
2016/11/29 PHP
各浏览器中querySelector和querySelectorAll的实现差异分析
2012/05/23 Javascript
js 中的switch表达式使用示例
2020/06/03 Javascript
jquery删除ID为sNews的tr元素的内容
2014/04/10 Javascript
详解AngularJS中自定义指令的使用
2015/06/17 Javascript
jQuery实现tab选项卡效果的方法
2015/07/08 Javascript
浅析C/C++,Java,PHP,JavaScript,Json数组、对象赋值时最后一个元素后面是否可以带逗号
2016/03/22 Javascript
JavaScript无操作后屏保功能的实现方法
2017/07/04 Javascript
vue-resource + json-server模拟数据的方法
2017/11/02 Javascript
微信小程序实现九宫格抽奖
2020/04/15 Javascript
在vue项目中引入vue-beauty操作方法
2019/02/11 Javascript
微信小程序开发常见问题及解决方案
2019/07/11 Javascript
jquery实现穿梭框功能
2021/01/19 jQuery
PyCharm鼠标右键不显示Run unittest的解决方法
2018/11/30 Python
详解Python传入参数的几种方法
2019/05/16 Python
python实现单链表的方法示例
2019/09/03 Python
python统计字符的个数代码实例
2020/02/07 Python
python logging 日志的级别调整方式
2020/02/21 Python
Java的for语句中break, continue和return的区别
2013/12/19 面试题
2014自荐信的写作技巧
2014/01/28 职场文书
见习期自我鉴定
2014/01/31 职场文书
工程项目建议书范文
2014/03/12 职场文书
岗位职责风险点
2014/03/12 职场文书
捐助倡议书范文
2014/04/15 职场文书
项目经理任命书
2014/06/04 职场文书
治安消防安全责任书
2014/07/23 职场文书
安全责任书
2015/01/29 职场文书
2015年工会工作总结
2015/03/30 职场文书
介绍信怎么写
2015/05/05 职场文书
Python 如何解决稀疏矩阵运算
2021/05/26 Python
使用Docker容器部署rocketmq单机的全过程
2022/04/03 Servers