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实现的切换面板实例代码
Jun 17 Javascript
jquery-syntax动态语法着色示例代码
May 14 Javascript
javascript获取checkbox复选框获取选中的选项
Aug 12 Javascript
JQuery的ON()方法支持的所有事件罗列
Feb 28 Javascript
简介JavaScript中setUTCSeconds()方法的使用
Jun 12 Javascript
javascript中Array()数组函数详解
Aug 23 Javascript
基于Javascript实现倒计时功能
Feb 22 Javascript
JS DOM实现鼠标滑动图片效果
Sep 17 Javascript
聊一聊JS中的prototype
Sep 29 Javascript
js截取字符串功能的实现方法
Sep 27 Javascript
Vue将页面导出为图片或者PDF
Aug 17 Javascript
详解Vue中的自定义指令
Dec 07 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
建立动态的WML站点(二)
2006/10/09 PHP
PHP图片上传类带图片显示
2006/11/25 PHP
PHP防注入安全代码
2008/04/09 PHP
php下正则来匹配dede模板标签的代码
2010/08/21 PHP
ThinkPHP中U方法的使用浅析
2014/06/13 PHP
PHP支付系统设计与典型案例分享
2016/08/02 PHP
作为PHP程序员你要知道的另外一种日志
2018/07/30 PHP
Laravel框架使用monolog_mysql实现将系统日志信息保存到mysql数据库的方法
2018/08/16 PHP
关于Anemometer图形化显示MySQL慢日志的工具搭建及使用的详细介绍
2020/07/13 PHP
用Javascript实现UTF8编码转换成gb2312编码
2006/12/22 Javascript
javascript 多种搜索引擎集成的页面实现代码
2010/01/02 Javascript
使用js获取QueryString的方法小结
2010/02/28 Javascript
window.name代替cookie的实现代码
2010/11/28 Javascript
js创建子窗口并且回传值示例代码
2013/07/02 Javascript
jQuery中map()方法用法实例
2015/01/06 Javascript
使用AngularJS编写较为优美的JavaScript代码指南
2015/06/19 Javascript
Ionic实现页面下拉刷新(ion-refresher)功能代码
2016/06/03 Javascript
AngularJS Toaster使用详解
2017/02/24 Javascript
vue指令以及dom操作详解
2017/03/04 Javascript
AngularJS通过ng-Img-Crop实现头像截取的示例
2017/08/17 Javascript
详解Chai.js断言库API中文文档
2018/01/31 Javascript
通过jquery获取上传文件名称、类型和大小的实现代码
2018/04/19 jQuery
JS动态插入脚本和插入引用外部链接脚本的方法
2018/05/21 Javascript
JQuery扩展对象方法操作示例
2018/08/21 jQuery
React-redux实现小案例(todolist)的过程
2019/09/29 Javascript
如何在微信小程序中存setStorage
2019/12/13 Javascript
Python解析json之ValueError: Expecting property name enclosed in double quotes: line 1 column 2(char 1)
2017/07/06 Python
Python编程实现正则删除命令功能
2017/08/30 Python
基于python(urlparse)模板的使用方法总结
2017/10/13 Python
新闻系毕业生推荐信
2013/11/16 职场文书
优秀乡村医生事迹材料
2014/05/28 职场文书
社团活动总结格式
2014/08/29 职场文书
教师个人事迹材料
2014/12/17 职场文书
详解Redis主从复制实践
2021/05/19 Redis
mybatis中注解与xml配置的对应关系和对比分析
2021/08/04 Java/Android
Java 使用类型为Object的变量指向任意类型的对象
2022/04/13 Java/Android