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 Change与bind事件代码
Sep 29 Javascript
jQuery判断iframe中元素是否存在的方法
May 11 Javascript
JS幻灯片可循环播放可平滑旋转带滚动导航(自写)
Aug 05 Javascript
解决bootstrap中modal遇到Esc键无法关闭页面
Mar 09 Javascript
关于JS中prototype的理解
Sep 07 Javascript
Bootstrap 填充Json数据的实例代码
Jan 11 Javascript
利用jquery如何从json中读取数据追加到html中
Dec 01 jQuery
vue-prop父组件向子组件进行传值的方法
Mar 01 Javascript
Javascript实现时间倒计时功能
Nov 17 Javascript
layui 关闭open弹出框 刷新table表格页面的方法
Sep 16 Javascript
如何在postman测试用例中实现断言过程解析
Jul 09 Javascript
ES2020让代码更优美的运算符 (?.) (??)
Jan 04 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
第三节--定义一个类
2006/11/16 PHP
PHP批量删除、清除UTF-8文件BOM头的代码实例
2014/04/14 PHP
PHP入门教程之会话控制技巧(cookie与session)
2016/09/11 PHP
php通过执行CutyCapt命令实现网页截图的方法
2016/09/30 PHP
PHP Socket网络操作类定义与用法示例
2017/08/30 PHP
jquery.validate使用攻略 第三部
2010/07/01 Javascript
jquery $.ajax各个事件执行顺序
2010/10/15 Javascript
EXTJS FORM HIDDEN TEXTFIELD 赋值 使用value不好用的问题
2011/04/16 Javascript
javascript事件冒泡详解和捕获、阻止方法
2014/04/12 Javascript
javascript实现瀑布流自适应遇到的问题及解决方案
2015/01/28 Javascript
jQuery实现指定内容滚动同时左侧或其它地方不滚动的方法
2015/08/08 Javascript
基于jquery实现图片相关操作(重绘、获取尺寸、调整大小、缩放)
2015/12/25 Javascript
从重置input file标签中看jQuery的 .val() 和 .attr(“value”) 区别
2016/06/12 Javascript
使用js获取地址栏参数的方法推荐(超级简单)
2016/06/14 Javascript
js实现可旋转的立方体模型
2016/10/16 Javascript
canvas实现刮刮卡效果
2017/03/14 Javascript
node.js中debug模块的简单介绍与使用
2017/04/25 Javascript
nodejs批量下载图片的实现方法
2017/05/19 NodeJs
原生js 封装get ,post, delete 请求的实例
2017/08/11 Javascript
[01:29:42]Liquid vs VP Supermajor决赛 BO 第一场 6.10
2018/07/05 DOTA
python二分查找算法的递归实现方法
2016/05/12 Python
详解Numpy数组转置的三种方法T、transpose、swapaxes
2019/05/27 Python
python的debug实用工具 pdb详解
2019/07/12 Python
python批量图片处理简单示例
2019/08/06 Python
python GUI库图形界面开发之PyQt5动态(可拖动控件大小)布局控件QSplitter详细使用方法与实例
2020/03/06 Python
Python 实现一个简单的web服务器
2021/01/03 Python
CSS3之transition实现下划线的示例代码
2018/05/30 HTML / CSS
HTML5仿微信聊天界面、微信朋友圈实例代码
2018/01/29 HTML / CSS
高中毕业生生活的自我评价
2013/12/08 职场文书
经理管理专业自荐信范文
2013/12/31 职场文书
电子商务专业学生职业生涯规划
2014/03/07 职场文书
分家协议书
2014/04/21 职场文书
优秀班组长事迹
2014/05/31 职场文书
教师演讲稿开场白
2014/08/25 职场文书
革命英雄事迹演讲稿
2014/09/13 职场文书
小学校长个人总结
2015/03/03 职场文书