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 Mobile 导航栏代码
Nov 01 Javascript
jQuery幻灯片带缩略图轮播效果代码分享
Aug 17 Javascript
JavaScript实现跑马灯抽奖活动实例代码解析与优化(一)
Feb 16 Javascript
使用jquery.qrcode.min.js实现中文转化二维码
Mar 11 Javascript
ionic在开发ios系统微信时键盘挡住输入框的解决方法(键盘弹出问题)
Sep 06 Javascript
微信小程序 textarea 详解及简单使用方法
Dec 05 Javascript
ES6中Math对象新增的方法实例详解
Apr 25 Javascript
vue实现树形菜单效果
Mar 19 Javascript
Vue.js中关于侦听器(watch)的高级用法示例
May 02 Javascript
微信小程序仿微信运动步数排行(交互)
Jul 13 Javascript
node实现爬虫的几种简易方式
Aug 22 Javascript
简单了解Vue + ElementUI后台管理模板
Apr 07 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的十大要点(上)
2009/02/04 PHP
php中经典方法实现判断多维数组是否为空
2011/10/23 PHP
php实现图片添加描边字和马赛克的方法
2014/12/10 PHP
Linux下快速搭建php开发环境
2017/03/13 PHP
基于JavaScript实现继承机制之构造函数方法对象冒充的使用详解
2013/05/07 Javascript
jQuery淡入淡出元素让其效果更为生动
2014/09/01 Javascript
JavaScript字符串对象substr方法入门实例(用于截取字符串)
2014/10/16 Javascript
深入理解JavaScript系列(46):代码复用模式(推荐篇)详解
2015/03/04 Javascript
javascript的 {} 语句块详解
2016/02/27 Javascript
不得不看之JavaScript构造函数及new运算符
2017/08/21 Javascript
微信小程序生成分享海报方法(附带二维码生成)
2019/03/29 Javascript
layui实现左侧菜单点击右侧内容区显示
2019/07/26 Javascript
python实现360的字符显示界面
2014/02/21 Python
Python中运行并行任务技巧
2015/02/26 Python
神经网络理论基础及Python实现详解
2017/12/15 Python
Python 机器学习库 NumPy入门教程
2018/04/19 Python
Python处理中文标点符号大集合
2018/05/14 Python
删除DataFrame中值全为NaN或者包含有NaN的列或行方法
2018/11/06 Python
关于TensorFlow新旧版本函数接口变化详解
2020/02/10 Python
Python如何实现在字符串里嵌入双引号或者单引号
2020/03/02 Python
python生成13位或16位时间戳以及反向解析时间戳的实例
2020/03/03 Python
Pycharm中使用git进行合作开发的教程详解
2020/11/17 Python
HTML5标签使用方法详解
2015/11/27 HTML / CSS
西班牙伏林航空公司:Vueling
2016/08/05 全球购物
Looking4Parking美国:全球排名第一的机场停车比较品牌
2019/08/26 全球购物
德国受欢迎的旅游和休闲网站:lastminute.de
2019/09/23 全球购物
幼儿园教师获奖感言
2014/03/11 职场文书
副总经理岗位职责
2015/02/02 职场文书
优秀教师个人总结
2015/02/11 职场文书
2015中秋节慰问信范文
2015/03/23 职场文书
2015年办公室文员工作总结
2015/04/24 职场文书
硕士论文致谢范文
2015/05/14 职场文书
运动会通讯稿300字
2015/07/20 职场文书
高中诗歌鉴赏教学反思
2016/02/16 职场文书
创新创业项目计划书该怎样写?
2019/08/13 职场文书
CSS中使用grid布局实现一套模板多种布局
2022/07/15 HTML / CSS