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 相关文章推荐
键盘KeyCode值列表汇总
Nov 26 Javascript
JS中getYear()和getFullYear()区别分析
Jul 04 Javascript
基于jQuery创建鼠标悬停效果的方法
Mar 07 Javascript
JS版元素周期表实现方法
Aug 05 Javascript
理解Javascript的call、apply
Dec 16 Javascript
ThinkJS中如何使用MongoDB的CURD操作
Dec 13 Javascript
js排序与重组的实例讲解
Aug 28 Javascript
js时间戳与日期格式之间转换详解
Dec 11 Javascript
React Component存在的几种形式详解
Nov 06 Javascript
VueX模块的具体使用(小白教程)
Jun 05 Javascript
openlayers4实现点动态扩散
Aug 17 Javascript
vue3 自定义图片放大器效果的示例代码
Jul 23 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
Email+URL的判断和自动转换函数
2006/10/09 PHP
PHP+ajaxfileupload+jcrop插件完美实现头像上传剪裁
2014/06/09 PHP
php使用PDO方法详解
2014/12/27 PHP
javascript编程起步(第七课)
2007/02/27 Javascript
javascript中的undefined 与 null 的区别  补充篇
2010/03/17 Javascript
JavaScript 以对象为索引的关联数组
2010/05/19 Javascript
JS中令人发指的valueOf方法介绍
2013/02/22 Javascript
js阻止冒泡及jquery阻止事件冒泡示例介绍
2013/11/19 Javascript
JS获取表格内指定单元格html内容的方法
2015/03/31 Javascript
探讨JavaScript中的Rest参数和参数默认值
2015/07/29 Javascript
AngularJS上拉加载问题解决方法
2016/05/23 Javascript
nodejs 的 session 简单使用
2016/06/06 NodeJs
jQuery与JavaScript节点创建方法的对比
2016/11/18 Javascript
jQuery EasyUI ProgressBar进度条组件
2017/02/28 Javascript
详解vue express启动数据服务
2017/07/05 Javascript
Vue组件选项props实例详解
2017/08/18 Javascript
laravel5.3 vue 实现收藏夹功能实例详解
2018/01/21 Javascript
React BootStrap用户体验框架快速上手
2018/03/06 Javascript
实例详解BootStrap的动态模态框及静态模态框
2018/08/13 Javascript
vue-router beforeEach跳转路由验证用户登录状态
2018/12/26 Javascript
教你如何用Node实现API的转发(某音乐)
2019/09/20 Javascript
在webstorm中配置less的方法详解
2020/09/25 Javascript
[43:33]EG vs Spirit Supermajor 败者组 BO3 第一场 6.4
2018/06/05 DOTA
学习python类方法与对象方法
2016/03/15 Python
Python学习笔记之文件的读写操作实例分析
2019/08/07 Python
pytorch实现用Resnet提取特征并保存为txt文件的方法
2019/08/20 Python
python实现PolynomialFeatures多项式的方法
2021/01/06 Python
前端制作动画的几种方式(css3,js)
2016/12/12 HTML / CSS
Under Armour安德玛英国官网:美国高端运动科技品牌
2018/09/17 全球购物
美国精品地毯网站:Boutique Rugs
2020/03/04 全球购物
入党转预备思想汇报
2014/01/07 职场文书
国际贸易专业个人职业生涯规划
2014/02/15 职场文书
维护民族团结演讲稿
2014/08/27 职场文书
停电通知范文
2015/04/16 职场文书
《别在吃苦的年纪选择安逸》读后感3篇
2019/11/30 职场文书
Z-Order加速Hudi大规模数据集方案分析
2022/03/31 Servers