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


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 setAttribute, getAttribute 在不同浏览器上的不同表现
Aug 05 Javascript
javascript中的prototype属性实例分析说明
Aug 09 Javascript
JavaScript浏览器选项卡效果
Aug 25 Javascript
jquery select(列表)的操作(取值/赋值)
Mar 16 Javascript
简短几句jquery代码的实现一个图片向上滚动切换
Sep 02 Javascript
JavaScript加强之自定义callback示例
Sep 21 Javascript
JavaScript中的函数重载深入理解
Aug 04 Javascript
JS实现设置ff与ie元素绝对位置的方法
Mar 08 Javascript
AngularJS中的$watch(),$digest()和$apply()区分
Apr 04 Javascript
jQuery实现的可编辑表格完整实例
Jun 20 Javascript
js实现登录与注册界面
Nov 01 Javascript
vue-iview动态新增和删除的方法
Jun 17 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
用PHP实现的随机广告显示代码
2007/06/14 PHP
十大使用PHP框架的理由
2015/09/26 PHP
PHP入门教程之数组用法汇总(创建,删除,遍历,排序等)
2016/09/11 PHP
php表单加入Token防止重复提交的方法分析
2016/10/10 PHP
PHP实现会员账号单唯一登录的方法分析
2019/03/07 PHP
Laravel实现搜索的时候分页并携带参数
2019/10/15 PHP
那些年,我还在学习jquery 学习笔记
2012/03/05 Javascript
Javascript new Date().valueOf()的作用与时间戳由来详解
2013/04/24 Javascript
showModalDialog在谷歌浏览器下会返回Null的解决方法
2013/11/27 Javascript
JavaScript改变CSS样式的方法汇总
2015/05/07 Javascript
Jquery使用val方法读写value值
2015/05/18 Javascript
javascript生成不重复的随机数
2015/07/17 Javascript
Labelauty?jQuery单选框/复选框美化插件分享
2015/09/26 Javascript
jQuery实现图片文字淡入淡出效果
2015/12/21 Javascript
Bootstrap中定制LESS-颜色及导航条(推荐)
2016/11/21 Javascript
详解webpack编译多页面vue项目的配置问题
2017/12/11 Javascript
jquery获取select选中值的文本,并赋值给另一个输入框的方法
2018/08/21 jQuery
Vue一次性简洁明了引入所有公共组件的方法
2018/11/28 Javascript
解决LayUI加上form.render()下拉框和单选以及复选框不出来的问题
2019/09/27 Javascript
详解Webpack4多页应用打包方案
2020/07/16 Javascript
Vue 数据响应式相关总结
2021/01/28 Vue.js
[03:42]2014DOTA2西雅图国际邀请赛7月9日TOPPLAY
2014/07/09 DOTA
python实现文本文件合并
2015/12/29 Python
opencv与numpy的图像基本操作
2019/03/08 Python
Django 路由控制的实现
2019/07/17 Python
PYTHON EVAL的用法及注意事项解析
2019/09/06 Python
基于pytorch 预训练的词向量用法详解
2020/01/06 Python
tensorflow实现对张量数据的切片操作方式
2020/01/19 Python
keras 特征图可视化实例(中间层)
2020/01/24 Python
Python操作Elasticsearch处理timeout超时
2020/07/17 Python
selenium携带cookies模拟登陆CSDN的实现
2021/01/19 Python
canvas与html5实现视频截图功能示例
2016/12/15 HTML / CSS
日本小田急百货官网:Odakyu
2018/07/19 全球购物
大唐面试试题(CPU,UNIX等等)
2012/01/11 面试题
大学班级学风建设方案
2014/05/01 职场文书
mysql查询的控制语句图文详解
2021/04/11 MySQL