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 相关文章推荐
pjblog修改技巧汇总
Mar 12 Javascript
悄悄用脚本检查你访问过哪些网站的代码
Dec 04 Javascript
javascript模拟订火车票和退票示例
Apr 24 Javascript
判断在css加载完毕后执行后续代码示例
Sep 03 Javascript
jQuery实现伪分页的方法分享
Feb 17 Javascript
微信小程序 数组中的push与concat的区别
Jan 05 Javascript
ES6使用export和import实现模块化的方法
Sep 10 Javascript
js实现一个简易计算器
Mar 30 Javascript
JavaScript实现随机点名器
Mar 25 Javascript
JavaScript基于SVG的图片切换效果实例代码
Dec 15 Javascript
原生JavaScript实现购物车
Jan 10 Javascript
vue判断按钮是否可以点击
Apr 09 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
玛琪朵 Macchiato
2021/03/03 咖啡文化
PHP安装问题
2006/10/09 PHP
PHP+Memcache实现wordpress访问总数统计(非插件)
2014/07/04 PHP
PHP实现GIF图片验证码
2015/11/04 PHP
php生成与读取excel文件
2016/10/14 PHP
Laravel5.* 打印出执行的sql语句的方法
2017/07/24 PHP
javascript编程起步(第六课)
2007/01/10 Javascript
用js遍历 table的脚本
2008/07/23 Javascript
通过身份证号得到出生日期和性别的js代码
2009/11/23 Javascript
JavaScript 高级篇之函数 (四)
2012/04/07 Javascript
重写javascript中window.confirm的行为
2012/10/21 Javascript
javascript:;与javascript:void(0)使用介绍
2013/06/05 Javascript
关于JS中的闭包浅谈
2013/08/23 Javascript
使用jQuery实现更改默认alert框体
2015/04/13 Javascript
浅述Javascript的外部对象
2016/12/07 Javascript
在一个页面重复使用一个js函数的方法详解
2016/12/26 Javascript
基于JavaScript实现窗口拖动效果
2017/01/18 Javascript
vue实现计算器功能
2020/02/22 Javascript
jquery实现手风琴案例
2020/05/04 jQuery
基于leaflet.js实现修改地图主题样式的流程分析
2020/05/15 Javascript
微信小程序通过websocket实时语音识别的实现代码
2020/08/19 Javascript
[48:21]Mski vs VGJ.S Supermajor小组赛C组 BO3 第一场 6.3
2018/06/04 DOTA
Python中利用sqrt()方法进行平方根计算的教程
2015/05/15 Python
python fabric实现远程部署
2017/01/05 Python
python中的协程深入理解
2019/06/10 Python
浅谈pytorch grad_fn以及权重梯度不更新的问题
2019/08/20 Python
Python 批量读取文件中指定字符的实现
2020/03/06 Python
python GUI库图形界面开发之PyQt5表单布局控件QFormLayout详细使用方法与实例
2020/03/06 Python
Django media static外部访问Django中的图片设置教程
2020/04/07 Python
《纸船和风筝》教学反思
2014/02/15 职场文书
厂长岗位职责
2014/02/19 职场文书
《陈毅探母》教学反思
2014/05/01 职场文书
文言文辞职信
2015/02/28 职场文书
疾病证明书
2015/06/19 职场文书
java.util.NoSuchElementException原因及两种解决方法
2022/06/28 Java/Android
Shell中的单中括号和双中括号的用法详解
2022/12/24 Servers