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


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 相关文章推荐
基于jquery的$.ajax async使用
Oct 19 Javascript
jquery幻灯片插件bxslider样式改进实例
Oct 15 Javascript
jQuery动画效果实现图片无缝连续滚动
Jan 12 Javascript
总结Node.js中的一些错误类型
Aug 15 Javascript
浅析Node.js:DNS模块的使用
Nov 23 Javascript
Angular的$http的ajax的请求操作(推荐)
Jan 10 Javascript
js使用html2canvas实现屏幕截取的示例代码
Aug 28 Javascript
webpack中使用iconfont字体图标的方法
Feb 22 Javascript
创建Vue项目以及引入Iview的方法示例
Dec 03 Javascript
vue 实现搜索的结果页面支持全选与取消全选功能
May 10 Javascript
JavaScript写个贪吃蛇小游戏(超详细)
Mar 17 Javascript
通过实例解析javascript Date对象属性及方法
Nov 04 Javascript
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
dedecms中常见问题修改方法总结
2007/03/21 PHP
从PHP $_SERVER相关参数判断是否支持Rewrite模块
2013/09/26 PHP
PHP实现连接设备、通讯和发送命令的方法
2015/10/13 PHP
php获取一定范围内取N个不重复的随机数
2016/05/28 PHP
浅析PHP7新功能及语法变化总结
2016/06/17 PHP
利用PHP将图片转换成base64编码的实现方法
2016/09/13 PHP
PHP 应用容器化以及部署方法
2018/02/12 PHP
字段太多jquey快速清空表单内容方法
2014/08/21 Javascript
JS使用cookie实现DIV提示框只显示一次的方法
2015/11/05 Javascript
jQuery通过写入cookie实现更换网页背景的方法
2016/04/15 Javascript
Bootstrap 源代码分析(未完待续)
2016/08/17 Javascript
request请求获取参数的实现方法(post和get两种方式)
2016/09/27 Javascript
BootStrap Validator使用注意事项(必看篇)
2016/09/28 Javascript
把json格式的字符串转换成javascript对象或数组的方法总结
2016/11/03 Javascript
利用JS屏蔽页面中的Enter按键提交表单的方法
2016/11/25 Javascript
mui上拉加载更多下拉刷新数据的封装过程
2017/11/03 Javascript
React Native日期时间选择组件的示例代码
2018/04/27 Javascript
vue.js 添加 fastclick的支持方法
2018/08/28 Javascript
vue中多路由表头吸顶实现的几种布局方式
2019/04/12 Javascript
vue-cli3 项目优化之通过 node 自动生成组件模板 generate View、Component
2019/04/30 Javascript
jQuery实现轮播图源码
2019/10/23 jQuery
详解Node.js使用token进行认证的简单示例
2020/05/25 Javascript
[04:53]DOTA2英雄基础教程 祈求者
2014/01/03 DOTA
web.py获取上传文件名的正确方法
2014/08/26 Python
Python实现冒泡排序的简单应用示例
2017/12/11 Python
Python实现将数据写入netCDF4中的方法示例
2018/08/30 Python
使用TensorFlow实现二分类的方法示例
2019/02/05 Python
HTML5的hidden属性兼容老浏览器的方法
2014/04/23 HTML / CSS
新西兰廉价汽车租赁:Snap Rentals
2018/09/14 全球购物
英国领先的体验日提供商:Buyagift
2019/04/19 全球购物
行政助理的职责
2013/11/14 职场文书
营业员演讲稿
2013/12/30 职场文书
探亲假请假条
2014/04/11 职场文书
高考作弊检讨书1500字
2015/02/16 职场文书
辩论会主持词
2015/07/03 职场文书
党员学习型组织心得体会
2019/06/21 职场文书