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


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 checkbox,radio是否选中的判断代码
Mar 20 Javascript
javascript 通用loading动画效果实例代码
Jan 14 Javascript
javascript操作表格排序实例分析
May 06 Javascript
针对BootStrap中tabs控件的美化和完善(推荐)
Jul 06 Javascript
全面介绍javascript实用技巧及单竖杠
Jul 18 Javascript
Bootstrap的class样式小结
Dec 01 Javascript
Vue2.0实现购物车功能
Jun 05 Javascript
JS原生数据双向绑定实现代码
Aug 14 Javascript
Nuxt升级2.0.0时出现的问题(小结)
Oct 08 Javascript
浅谈在不使用ssr的情况下解决Vue单页面SEO问题(2)
Nov 08 Javascript
Vue项目引进ElementUI组件的方法
Nov 11 Javascript
vue ssr+koa2构建服务端渲染的示例代码
Mar 23 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
在Ubuntu 14.04上部署 PHP 环境及 WordPress
2014/09/02 PHP
php实现对两个数组进行减法操作的方法
2015/04/17 PHP
PHPMailer发送邮件
2016/12/28 PHP
php file_get_contents取文件中数组元素的方法
2017/04/01 PHP
PHP 网站修改默认访问文件的nginx配置
2017/05/27 PHP
PHP单例模式应用示例【多次连接数据库只实例化一次】
2018/12/18 PHP
Laravel统计一段时间间隔的数据方法
2019/10/09 PHP
使用JQUERY Tabs插件宿主IFRAMES
2010/01/01 Javascript
将Datatable转化成json发送前台实现思路
2013/09/06 Javascript
jQuery原生的动画效果
2015/07/10 Javascript
jQuery 生成svg矢量二维码
2016/08/09 Javascript
Angular之指令Directive用法详解
2017/03/01 Javascript
JS实现列表页面隔行变色效果
2017/03/25 Javascript
JavaScript实现单击网页任意位置打开新窗口与关闭窗口的方法
2017/09/21 Javascript
NodeJs项目中关闭ESLint的方法
2018/08/09 NodeJs
原生JS实现$.param() 函数的方法
2018/08/10 Javascript
vue+mousemove实现鼠标拖动功能(拖动过快失效问题解决方法)
2018/08/24 Javascript
Jquery动态列功能完整实例
2019/08/30 jQuery
怎么理解wx.navigateTo的events参数使用详情
2020/05/18 Javascript
微信小程序手动添加收货地址省市区联动
2020/05/18 Javascript
Python实现获取网站PR及百度权重
2015/01/21 Python
深入讲解Python中面向对象编程的相关知识
2015/05/25 Python
python获取指定时间差的时间实例详解
2017/04/11 Python
浅谈python 里面的单下划线与双下划线的区别
2017/12/01 Python
pandas.DataFrame 根据条件新建列并赋值的方法
2018/04/08 Python
Python学习笔记之自定义函数用法详解
2019/06/08 Python
centos 安装Python3 及对应的pip教程详解
2019/06/28 Python
size?丹麦官网:英国伦敦的球鞋精品店
2019/04/15 全球购物
毕业生自我推荐
2013/11/04 职场文书
入党申请人的自我鉴定
2013/12/01 职场文书
大学班级计划书
2014/04/29 职场文书
机械机修工岗位职责
2014/08/03 职场文书
班干部竞选演讲稿(精选5篇)
2019/09/24 职场文书
七年级作文之游记
2019/12/11 职场文书
浅谈Python 中的复数问题
2021/05/19 Python
Python实现为PDF去除水印的示例代码
2022/04/03 Python