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 相关文章推荐
Jquery CheckBox全选方法代码附js checkbox全选反选代码
Jun 09 Javascript
设为首页和收藏的Javascript代码(亲测兼容IE,Firefox,chrome等浏览器)
Nov 18 Javascript
jquery中的$(document).ready()使用小结
Feb 14 Javascript
jquery操作 iframe的方法
Dec 03 Javascript
jQuery+slidereveal实现的面板滑动侧边展出效果
Mar 14 Javascript
全系IE支持Bootstrap的解决方法
Oct 19 Javascript
js立即执行函数: (function ( ){})( ) 与 (function ( ){}( )) 有什么区别?
Nov 18 Javascript
基于BootStrap Metronic开发框架经验小结【五】Bootstrap File Input文件上传插件的用法详解
May 12 Javascript
使用RequireJS库加载JavaScript模块的实例教程
Jun 06 Javascript
JavaScript实现拖拽元素对齐到网格(每次移动固定距离)
Nov 30 Javascript
vue.js+Echarts开发图表放大缩小功能实例
Jun 09 Javascript
vue iview 隐藏Table组件里的某一列操作
Nov 13 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
《Re:从零开始的异世界生活》剧情体验,手游新作定名
2020/04/09 日漫
php jq jquery getJSON跨域提交数据完整版
2013/09/13 PHP
PHP中new static() 和 new self() 的区别介绍
2015/01/09 PHP
PHP中ID设置自增后不连续的原因分析及解决办法
2016/08/21 PHP
Laravel 框架返回状态拦截代码
2019/10/18 PHP
PHP命名空间(namespace)原理与用法详解
2019/12/11 PHP
PHP xpath提取网页数据内容代码解析
2020/07/16 PHP
javascript 建设银行登陆键盘
2008/06/10 Javascript
Mootools 1.2教程(2) DOM选择器
2009/09/14 Javascript
Extjs 几个方法的讨论
2010/01/28 Javascript
javascript工具库代码
2012/03/29 Javascript
网站繁简切换的JS遇到页面卡死的解决方法
2014/03/12 Javascript
JS获取鼠标坐标位置实例分析
2016/01/20 Javascript
js实现纯前端的图片预览
2016/04/27 Javascript
javascript字符串对象常用api函数小结(连接,替换,分割,转换等)
2016/09/20 Javascript
浅谈jquery之on()绑定事件和off()解除绑定事件
2016/10/26 Javascript
elementui的默认样式修改方法
2018/02/23 Javascript
Vue项目使用CDN优化首屏加载问题
2018/04/01 Javascript
Vue事件处理原理及过程详解
2020/03/11 Javascript
[01:05:40]2014 DOTA2国际邀请赛中国区预选赛 5 23 CIS VS DT第三场
2014/05/24 DOTA
Nginx搭建HTTPS服务器和强制使用HTTPS访问的方法
2015/08/16 Python
PYTHON压平嵌套列表的简单实现
2016/06/08 Python
pycharm无法安装第三方库的问题及解决方法以scrapy为例(图解)
2020/05/09 Python
Python selenium实现断言3种方法解析
2020/09/08 Python
Python爬取酷狗MP3音频的步骤
2021/02/26 Python
CSS3制作圆形滚动进度条动画的示例
2020/11/05 HTML / CSS
意大利一家专营包包和配饰的网上商店:Borse Last Minute
2019/08/26 全球购物
机械化及自动化毕业生的自我评价分享
2013/11/06 职场文书
八年级英语教学反思
2014/01/09 职场文书
家长给老师的道歉信
2014/01/13 职场文书
收银员的岗位职责范本
2014/02/04 职场文书
中国在我心中演讲稿
2014/09/13 职场文书
公司领导九九重阳节发言稿2014
2014/09/25 职场文书
2015年端午节活动方案
2015/05/05 职场文书
《走遍天下书为侣》教学反思
2016/02/22 职场文书
MySQL存储过程及语法详解
2022/08/05 MySQL