假如想要让别的网站在转载自己的文章时,自动加入我站的版权信息,这个该怎么处理,或许很多人的第一反映就是在加入隐藏的版权信息,让他复制时跟着就复制过去了,可是我想讲下这点的不足,推荐参考这篇文章对月光内容复制加入版权信息一文的完美修改:
1:搜索引擎会对隐藏的文本做出惩罚
2:即使字体颜色本与背景色相同,别人复制选择的那一瞬间,也会露出原形
那最好的方法就是利用js插入版权信息在复制内容里,并且功能也会强大的多,代码如下:
document.body.oncopy = function () {
setTimeout( function () {
var text = clipboardData.getData("text");
if (text) {
text = text + "\r\n本文来自: 漫步浪尖(http://QQCampus.org) 详细出处参考："+location.href; clipboardData.setData("text", text);
}
}, 100 )
}
效果:这里是文章的内容信息
本文来自: 漫步浪尖(http://QQCampus.org) 详细出处参考：http://qqcampus.org/Javascript/jianti-to-fanti/
其最方便之处莫过于能自动加入当前页的地址location.href
然而我的站是校内网代码站,就是在提供直接复制到涂鸦板里的css代码,但是如果我直接加上这种版权信息,他们复制进涂鸦板里就可能用不了,因为涂鸦板是只能加css代码的,所以就需要把版权信息改成能保存到涂鸦板里,自然而然的就想到了css里的注释,经过修改后的代码如下
document.body.oncopy = function () {
setTimeout( function () {
var text = clipboardData.getData("text");
if (text) {
text = text + "\r\n/* 本文来自: 漫步浪尖(http://QQCampus.org) 详细出处参考："+location.href; clipboardData.setData("text", text+" */");
}
}, 100 )
}
效果:使用缩写可以帮助减少你CSS文件的大小，更加容易阅读
/* 本文来自: 漫步浪尖(http://QQCampus.org) 详细出处参考：http://qqcampus.org/Div-Css/css-short/ */
这里需要说明的问题是,注意注释的正确写法应该是这样的:
/* 注释内容 */
下面这种是错误的
/* 注释内容*/
IE将忽略这个注释下面的所有css定义,而firefox不会,只是这样一说,其实是加进的js里实现的,对我们没什么影响,但对那些要复制css代码的用户来说,复制完估计就不能用了以后记得*符号和注释内容之间要有一个空格哦
