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


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 相关文章推荐
js检测客户端不是firefox则提示下载
Apr 07 Javascript
编写可维护面向对象的JavaScript代码[翻译]
Feb 12 Javascript
JavaScript获取鼠标移动时的坐标(兼容IE8、chome谷歌、Firefox)
Sep 13 Javascript
jQuery实现图片预加载效果
Nov 27 Javascript
jQuery实现textarea自动增长宽高的方法
Dec 18 Javascript
前端编码规范(3)JavaScript 开发规范
Jan 21 Javascript
jQuery实现form表单序列化转换为json对象功能示例
May 23 jQuery
vue中前进刷新、后退缓存用户浏览数据和浏览位置的实例讲解
Sep 21 Javascript
一文快速详解前端框架 Vue 最强大的功能
May 21 Javascript
使用VueCli3+TypeScript+Vuex一步步构建todoList的方法
Jul 25 Javascript
20多个小事例带你重温ES10新特性(小结)
Sep 29 Javascript
vue 递归组件的简单使用示例
Jan 14 Vue.js
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
雄兵连三大错觉:凯莎没了,凉冰阵亡了,华烨觉得自己又行了
2020/04/09 国漫
ThinkPHP V2.2说明文档没有说明的那些事实例小结
2015/07/01 PHP
Yii+upload实现AJAX上传图片的方法
2016/07/13 PHP
浅谈php fopen下载远程文件的函数
2016/11/18 PHP
TP5框架实现签到功能的方法分析
2020/04/05 PHP
Javascript 判断客户端浏览器类型代码
2010/03/01 Javascript
锋利的jQuery jQuery中的DOM操作
2010/03/21 Javascript
JavaScript几种形式的树结构菜单
2010/05/10 Javascript
jQuery.Validate 使用笔记(jQuery Validation范例 )
2010/06/25 Javascript
使用AngularJS来实现HTML页面嵌套的方法
2015/06/17 Javascript
Vuejs第七篇之Vuejs过渡动画案例全面解析
2016/09/05 Javascript
JS常见简单正则表达式验证功能小结【手机,地址,企业税号,金额,身份证等】
2017/01/22 Javascript
解决webpack打包速度慢的解决办法汇总
2017/07/06 Javascript
详解webpack模块化管理和打包工具
2018/04/21 Javascript
解决vue单页路由跳转后scrollTop的问题
2018/09/03 Javascript
vue-router判断页面未登录自动跳转到登录页的方法示例
2018/11/04 Javascript
深入了解JavaScript 的 WebAssembly
2019/06/15 Javascript
Python 不同对象比较大小示例探讨
2014/08/21 Python
人机交互程序 python实现人机对话
2017/11/14 Python
详解Python异常处理中的Finally else的功能
2017/12/29 Python
python ansible服务及剧本编写
2017/12/29 Python
对python多线程中互斥锁Threading.Lock的简单应用详解
2019/01/11 Python
python3使用腾讯企业邮箱发送邮件的实例
2019/06/28 Python
Python操作SQLite数据库过程解析
2019/09/02 Python
Python logging模块写入中文出现乱码
2020/05/21 Python
Gibson London官网:以地道的英国男装而著称
2019/12/06 全球购物
Linux面试题LINUX系统类
2014/11/19 面试题
企业元宵节主持词
2014/03/25 职场文书
班级口号大全
2014/06/09 职场文书
教师党员个人总结
2015/02/10 职场文书
在职人员跳槽求职信
2015/03/20 职场文书
大学组织委员竞选稿
2015/11/21 职场文书
大学自主招生自荐信(2016精选篇)
2016/01/28 职场文书
如何用 Python 子进程关闭 Excel 自动化中的弹窗
2021/05/07 Python
nginx实现多geoserver服务的负载均衡
2022/05/15 Servers
python如何读取和存储dict()与.json格式文件
2022/06/25 Python