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实现点击弹出层效果的简单实例
Mar 03 Javascript
浅谈JavaScript的内置对象和浏览器对象
Jun 03 Javascript
JS中的==运算: [''] == false —&gt;true
Jul 24 Javascript
Angularjs的ng-repeat中去除重复数据的方法
Aug 05 Javascript
JS获取html元素的标记名实现方法
Oct 08 Javascript
vue 2.0组件与v-model详解
Mar 27 Javascript
jQuery遍历节点方法汇总(推荐)
May 13 jQuery
Angular 4 指令快速入门教程
Jun 07 Javascript
webpack3+React 的配置全解
Aug 21 Javascript
详解vue-cli3多页应用改造
Jun 04 Javascript
jquery弹窗时禁止body滚动条滚动的例子
Sep 21 jQuery
vue3+typescript实现图片懒加载插件
Oct 26 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原理之异常机制深入分析
2010/08/08 PHP
PHP static局部静态变量和全局静态变量总结
2014/03/02 PHP
php实现保存submit内容之后禁止刷新
2014/03/19 PHP
php之Smarty模板使用方法示例详解
2014/07/08 PHP
php实现的九九乘法口诀表简洁版
2014/07/28 PHP
Java和PHP在Web开发方面对比分析
2015/03/01 PHP
PHP7扩展开发之基于函数方式使用lib库的方法详解
2018/01/15 PHP
Aster vs KG BO3 第三场2.19
2021/03/10 DOTA
JQuery 无废话系列教程(一) jquery入门 [推荐]
2009/06/23 Javascript
javascript下数值型比较难点说明
2010/06/07 Javascript
jquery dialog键盘事件代码
2010/08/01 Javascript
jquery select(列表)的操作(取值/赋值)
2011/03/16 Javascript
在标题栏显示新消息提示,很多公司项目中用到这个方法
2011/11/04 Javascript
简单的js表单验证函数
2013/10/28 Javascript
MyEclipse取消验证Js的两种方法
2013/11/14 Javascript
关于session和cookie的简单理解
2016/06/08 Javascript
AngularJS表单详解及示例代码
2016/08/17 Javascript
JS获取当前时间的年月日时分秒及时间的格式化的方法
2019/12/18 Javascript
vue 如何从单页应用改造成多页应用
2020/10/23 Javascript
用python读写excel的方法
2014/11/18 Python
python之pandas用法大全
2018/03/13 Python
Python使用while循环花式打印乘法表
2019/01/28 Python
通过python改变图片特定区域的颜色详解
2019/07/15 Python
世界上最大的折扣香水店:FragranceNet.com
2016/10/26 全球购物
受希腊女神灵感的晚礼服、鸡尾酒礼服和婚纱:THEIA
2018/04/15 全球购物
青年志愿者活动方案
2014/08/17 职场文书
2014离婚协议书范文
2014/09/10 职场文书
科级干部群众路线教育实践活动个人对照检查材料
2014/09/19 职场文书
银行授权委托书范本
2014/10/04 职场文书
酒店办公室主任岗位职责
2015/04/01 职场文书
科技活动总结范文
2015/05/11 职场文书
2016年“世界气象日”广播稿
2015/12/17 职场文书
python如何读取.mtx文件
2021/04/22 Python
详解前端任务构建利器Gulp.js使用指南
2021/04/30 Javascript
mysql 生成连续日期及变量赋值
2022/03/20 MySQL
Win11无法安装更新补丁KB3045316怎么办 附KB3045316补丁修复教程
2022/08/14 数码科技