复制网页内容,粘贴之后自动加上网址的实现方法(脚本之家特别整理)


Posted in Javascript onOctober 16, 2014

没想到无心的一个功能,现在已经被大家传的如此猛烈,想当初我们发布出去以后,第二天就发现很多网站都加上了这个功能,有点后悔了,要不我们的外链就会更多了。当然也有反感的,工具是好的就看用的人了。

今天搜索发现还是有很多朋友喜欢这个功能的,这里三水点靠木小编继续为大家来个特色整理的版本,大家可以根据需要选择使用。

打开有些网站,当我们浏览某些文章的时候,觉得很好,因此,常常将这些网站的文章进行复制;

之后,粘贴到Word或记事本里面,保存起来,在贯彻落实“拿来主义”的同时,将其“占为己有”!
如果您是一个像小蜜蜂一样的站长,每天都勤劳,每日都像老牛一样耕耘,那么,当您的网站内容被别人无端占有却未注明文章来源地址时,我想,您一定会火起来!

因此,为避免这种情况的发生,很多站长都这么做!

给网页加上这样的功能,当别人复制网站内容之后,粘贴到Word或记事本等软件里面的时候,会自动加上网站地址或文章来源的详细地址!

如果您也遇到这样的情况,请随俺一起学习,如何做到这样的效果!

实现方法:

方法非常的简单,使用如下的代码即可!

<script type="text/javascript">

document.body.oncopy = function () { 

 setTimeout( function () { 

  var text = clipboardData.getData("text");

  if (text) { 

   text = text + "\r\n文章来自: 网站名称(https://3water.com)  详文参考:"+location.href; clipboardData.setData("text", text);

  } 

    }, 100 ) 

}

</script>

将以上的代码,复制,之后粘贴到您的网站的相应的页面将可!

注意:此代码一般放在<body>区域中,或者有选择的放在某个地方也行!

知识扩展:

以上的代码虽然能防止复制之后自动加上网址,但是,灵活性不大,以后要修改或做任何的改动,非得修改这样的代码不可,那么,我们可以使用在页面中引入JS文件的方法来实现灵活的功能!

打开记事本,之后在里面复制如下的内容进行粘贴(此代码与上述代码类似,但是不相同,请注意):

document.body.oncopy = function () { 

 setTimeout( function () { 

  var text = clipboardData.getData("text");

  if (text) { 

   text = text + "\r\n文章来自: 三水点靠木(https://3water.com) 文章地址:"+location.href; clipboardData.setData("text", text);

  } 

    }, 100 ) 

}

之后,将其保存成为XX.js这样的文件,保存在网站相应目录中!

最后,在页面中引入如上的XX.js文件即可,如下,为引用的示例代码:

<script src="DataFiles/Java/AddMyUrl.js" type="text/jscript"></script>

以上红颜色的代码,就是引用的示例代码!

注,引入的代码,一般放在文章内容的后面,在</body>之前!

我们上面的代码都是通过js获取剪切板的内容,而下面这个是通过js获取选择的内容进行的,功能是一样的。不过用这个的不多。

Javascript 相关文章推荐
JavaScript和ActionScript的交互实现代码
Aug 01 Javascript
extjs每个组件要设置唯一的ID否则会出错
Jun 15 Javascript
JS 实现列表与多选框选择附预览动画
Oct 29 Javascript
DOM基础教程之使用DOM控制表单
Jan 20 Javascript
最简单的JavaScript验证整数、小数、实数、有效位小数正则表达式
Apr 17 Javascript
jQuery实现按钮只点击一次后就取消点击事件绑定的方法
Jun 26 Javascript
Bootstrap图片轮播组件Carousel使用方法详解
Oct 20 Javascript
关于vue面试题汇总
Mar 20 Javascript
vue项目中应用ueditor自定义上传按钮功能
Apr 27 Javascript
JavaScript实现英语单词题库
Dec 24 Javascript
js实现全选和全不选功能
Jul 28 Javascript
jQuery实现简单三级联动效果
Sep 05 jQuery
jquery获取radio值实例
Oct 16 #Javascript
JavaScript字符串对象substr方法入门实例(用于截取字符串)
Oct 16 #Javascript
javascript实现复制与粘贴操作实例
Oct 16 #Javascript
JavaScript字符串对象split方法入门实例(用于把字符串分割成数组)
Oct 16 #Javascript
JavaScript字符串对象slice方法入门实例(用于字符串截取)
Oct 16 #Javascript
JavaScript字符串对象replace方法实例(用于字符串替换或正则替换)
Oct 16 #Javascript
JavaScript字符串对象的concat方法实例(用于连接两个或多个字符串)
Oct 16 #Javascript
You might like
php输出金字塔的2种实现方法
2014/12/16 PHP
PHP上传文件时自动分配路径的方法
2015/01/09 PHP
php post json参数的传递和接收处理方法
2018/05/31 PHP
Javascript实例教程(19) 使用HoTMetal(7)
2006/12/23 Javascript
Javascript 构造函数 实例分析
2008/11/26 Javascript
jquery maxlength使用说明
2011/09/09 Javascript
javascript 实现键盘上下左右功能的小例子
2013/09/15 Javascript
JS和JQUERY获取页面大小,滚动条位置,元素位置(示例代码)
2013/12/14 Javascript
jquery 字符串切割函数substring的用法说明
2014/02/11 Javascript
Jquery修改页面标题title其它JS失效的解决方法
2014/10/31 Javascript
JavaScript常用代码书写规范的超全面总结
2016/09/11 Javascript
bootstrap组件之导航组件使用方法
2017/01/19 Javascript
AngularJS2中一种button切换效果的实现方法(二)
2017/03/27 Javascript
Vue.js上下滚动加载组件的实例代码
2017/07/17 Javascript
vue完成项目后,打包成静态文件的方法
2018/09/03 Javascript
使用koa2创建web项目的方法步骤
2019/03/12 Javascript
ES6学习教程之Promise用法详解
2020/11/22 Javascript
Python抓取手机号归属地信息示例代码
2016/11/28 Python
Python使用pickle模块存储数据报错解决示例代码
2018/01/26 Python
Python格式化日期时间操作示例
2018/06/28 Python
python实现自动登录后台管理系统
2018/10/18 Python
html5 css3实例教程 一款html5和css3实现的小机器人走路动画
2014/10/20 HTML / CSS
html5 canvas绘制网络字体的常用方法
2019/08/26 HTML / CSS
印度在线购物网站:Paytmmall
2019/07/24 全球购物
资深地理教师自我评价
2013/09/21 职场文书
公司财务工作总结的自我评价
2013/11/23 职场文书
给领导的检讨书
2014/02/16 职场文书
感恩寄语大全
2014/04/11 职场文书
机械工程学院大学生求职信
2014/05/25 职场文书
2015年财务部工作总结
2015/04/10 职场文书
老干部座谈会主持词
2015/07/03 职场文书
2016国庆节67周年寄语
2015/12/07 职场文书
MySQL之DML语言
2021/04/05 MySQL
AI:如何训练机器学习的模型
2021/04/16 Python
电脑关机速度很慢怎么办 提升电脑关机速度设置教程
2022/04/08 数码科技
vue3种table表格选项个数的控制方法
2022/04/14 Vue.js