長期以來，站長們挑選運(yùn)用JavaScript來完成頁面的動態(tài)做法，這么做的因素是多種多樣的，如加速頁面的響應(yīng)速度、下降網(wǎng)站流量、躲藏連接或許嵌入廣告等。因?yàn)榍捌诘乃阉饕�擎沒有相應(yīng)的處理才能，致使在索引這類頁面上一般呈現(xiàn)疑問，也許無法錄入有價(jià)值的資本，也也許呈現(xiàn)做弊。

引進(jìn)JavaScript解析的目的，恰是為了處理上述兩方面的疑問，其成果也即是使搜索引擎能夠更為明晰的了解用戶實(shí)踐翻開該頁面時(shí)看到的作用。比方有些網(wǎng)站會將用戶談?wù)�、評分等信息從頁面HTML中抽離，利用JavaScript甚至AJAX等辦法在頁面被翻開的時(shí)分動態(tài)顯現(xiàn)出來，前期的搜索引擎此刻能處理到的頁面內(nèi)容即是缺失的，由此會進(jìn)一步影響對該頁面索引價(jià)值的判斷。

要引進(jìn)JavaScript解析，需求思考自身的規(guī)劃與完成、解析速度和對體系其它方面影響等因素，這篇文章通過一些典型的事例來剖析怎么規(guī)劃并完成一套頁面JavaScript解析體系，并扼要介紹這么的體系關(guān)于搜索引擎其它有些的作用和影響。

一、發(fā)現(xiàn)頁面連接

一般來說，頁面連接都是以HTML中的A標(biāo)簽辦法存在，連接URL標(biāo)記在href特點(diǎn)中，但實(shí)踐存在著一些網(wǎng)站會挑選更為“動態(tài)”的辦法，較為多見的辦法有兩種：一種是動態(tài)寫入或調(diào)整A標(biāo)簽，另一種是在用戶點(diǎn)擊的時(shí)分觸發(fā)事情改動默許的連接翻開辦法。

1. 動態(tài)寫入或調(diào)整連接標(biāo)簽

籠統(tǒng)的說，頁面要完成這么的作用，甚至后文描繪的其它作用，與把大象放入冰箱極為相似，分為三步：找到要寫入/修正的方針（找到大象），準(zhǔn)備好要寫入/修正的內(nèi)容（翻開冰箱門），履行寫入/修正（把它放進(jìn)去）。

這三步操作映射到JavaScript上，即是先后調(diào)用三組標(biāo)準(zhǔn)的瀏覽器功用函數(shù)：頁面元素定位、數(shù)據(jù)準(zhǔn)備以及頁面修正。那么，JavaScript解析的作業(yè)即是相同提供出這么的函數(shù)，跟著被站長的JavaScript代碼調(diào)用天然的發(fā)現(xiàn)相應(yīng)的內(nèi)容和做法。

剖析至此，所需完成的函數(shù)也就底子斷定了，其間較為簡略的包括：

document.getElementById // 定位

document.getElementsByTagName // 定位

document.getElementsByClassName // 定位

node.[firstChild/nextSibling/previousSibling/parentNode] // 定位

document.[createElement/createTextNode] // 創(chuàng)立連接

node.[appendChild/insertBefore/innerHTML=?] // 寫入內(nèi)容

element.getAttribute， element.setAttribute // 設(shè)置特點(diǎn)

element.href = ? // 設(shè)置特點(diǎn)

至于要寫入的內(nèi)容，也許是以數(shù)組等辦法保存在JavaScript種，也也許是運(yùn)用AJAX動態(tài)加載。前者屬于JavaScript言語的內(nèi)置功用，此處不再復(fù)述；后者是一個(gè)獨(dú)自的論題，會在后文專門談?wù)摗?br />
2. 點(diǎn)擊時(shí)觸發(fā)事情改動默許的連接翻開辦法

頁面這么做的因素紛歧，有的是為了躲藏連接，有的是為了完成彈出窗口，有的則是為了程序拼接URL，還有的是做檢檢查是不是應(yīng)該翻開連接等等。但所有這些因素都對應(yīng)著相同的完成辦法：添加click事情。

添加click事情的辦法有三種：

1.將A標(biāo)簽的href特點(diǎn)設(shè)置為“javascript：func(…)”的辦法

2.設(shè)置A標(biāo)簽的onclick特點(diǎn)，設(shè)置為onclick=”js_code” 的辦法

3.調(diào)用事情綁定函數(shù)，如my_link_node.addEventListener('click', func, false)

支撐這三種辦法自身是較為簡略的，需求注意的當(dāng)?shù)卦谟谠趺从|發(fā)這么的click事情，以及怎么在觸發(fā)以后截獲目的URL。

關(guān)于觸發(fā)事情而言，首要需求收集到所有也許的click事情，然后再順次觸發(fā)。但關(guān)于每一個(gè)要觸發(fā)的click而言，實(shí)踐觸發(fā)之前必須先檢查其是不是還存在，這是因?yàn)樵谄渲�前的click事情很也許現(xiàn)已把當(dāng)前這個(gè)click刪去掉了。

要做到截獲URL，首要要完成有關(guān)的頁面跳轉(zhuǎn)函數(shù)，既location.href = ?，window.open等。然后通過設(shè)置一系列象征，將本次點(diǎn)擊和頁面跳轉(zhuǎn)干系起來，如此也就得到了方針URL。

二、動態(tài)頁面內(nèi)容

頁面動態(tài)內(nèi)容是一種提升頁面加載速度、增強(qiáng)網(wǎng)站技能靈活性的手法，能夠?qū)⒛切�會改動的�?nèi)容（如談?wù)�、評分等）抽離，使頁面分為靜態(tài)和動態(tài)兩有些：靜態(tài)內(nèi)容能夠運(yùn)用緩存等辦法加速頁面顯現(xiàn)速度、下降網(wǎng)站流量；動態(tài)內(nèi)容則有格局簡略好生成的優(yōu)勢，同時(shí)也能節(jié)約流量。

另一方面，動態(tài)內(nèi)容也是加載廣告和內(nèi)容做弊的首要辦法，最多見的即是寫入iframe，這關(guān)于前期搜索引擎而言有極大的隱蔽性。

在技能層次上，動態(tài)頁面內(nèi)容所需求的作業(yè)與上一節(jié)“動態(tài)寫入或調(diào)整A標(biāo)簽”在很大程度上是相同的，這兒需求添加的是經(jīng)典的“document.write”辦法。

該辦法是最早的JavaScript功用之一，用于向頁面直接寫入一段HTML代碼，至今仍在廣泛運(yùn)用。關(guān)于該辦法，前期的搜索引擎都有所支撐，但辦法底子限于字符匹配，僅能支撐最直接的寫入一個(gè)JavaScript字符串的辦法，關(guān)于略微雜亂的文本拼接顯得力不從心。但關(guān)于JavaScript解析而言，這段代碼終究是要契合言語標(biāo)準(zhǔn)的，因而就能做到完好支撐，處理文本拼接、條件判斷和混雜代碼等各種情況。

這兒還需求談?wù)摰囊稽c(diǎn)是嵌套的document.write，也即是通過document.write寫入一個(gè)SCRIPT標(biāo)簽，該標(biāo)簽內(nèi)部是另一段document.write。這類疑問在跳轉(zhuǎn)做弊頁面中層出不窮，對其支撐就不只需求JavaScript解析，還需求HTML解析器能夠支撐處理嵌套的HTML寫入功用，這兒就不加以剖析了。

通過上述辦法，不管是頁面的主體信息，還是廣告或其它輔佐信息，都會被露出出來，然后非常好的理解站長目的。

三、頁面跳轉(zhuǎn)

頁面跳轉(zhuǎn)在有些情況下是到達(dá)頁面作用的必要挑選，但相同會用于做弊。在技能上，多以下面兩種辦法呈現(xiàn)：

1.直接調(diào)用頁面跳轉(zhuǎn)函數(shù)

2.關(guān)于搜索引擎的UA、referer等調(diào)用頁面跳轉(zhuǎn)函數(shù)

這兒要完成辨認(rèn)，最中心的即是完成頁面跳轉(zhuǎn)函數(shù)：location目標(biāo)。因?yàn)檫@是技能上僅有的JavaScript跳轉(zhuǎn)函數(shù)，所以不管頁面的JavaScript怎么編撰怎么混雜，終究都會調(diào)用該函數(shù)。因而，雖然不一樣頁面的跳轉(zhuǎn)代碼看上去五花八門，但辨認(rèn)出來卻是簡略的。

四、關(guān)于AJAX

AJAX是極為多見的頁面技能，底子上說即是在頁面顯現(xiàn)時(shí)期，動態(tài)的從互聯(lián)網(wǎng)上獲取一段數(shù)據(jù)（也許是HTML也也許是其它），通過處理后加以顯現(xiàn)。

關(guān)于該技能，底子的作業(yè)并不在于XMLHttpRequest目標(biāo)的完成，而是在于對搜索引擎爬蟲架構(gòu)的影響。盡人皆知，爬蟲抓取頁面，遍歷其連接，再順次抓取的辦法規(guī)劃的，其作業(yè)首要集中在調(diào)度和控制抓取壓力上，抓取器自身較為簡略，一般不具備抓取后即時(shí)履行JavaScript并抓取AJAX數(shù)據(jù)的才能，因而需求技能升級方可支撐AJAX。

對抓取器的剖析超出了這篇文章的范圍，有興趣的讀者能夠檢查其它有關(guān)文獻(xiàn)。

總結(jié)

通過前面的事例剖析，咱們總結(jié)出了完成JavaScript解析所需求的底子作業(yè)，此外再添加必定的基礎(chǔ)性建造就能構(gòu)成一套較為完好的體系了。這兒咱們再次收拾一下，將其分為三個(gè)有些：

1. 在HTML解析器中嵌入JavaScript言語引擎，言語引擎能夠挑選V8、SpiderMonkey等老練的開源計(jì)劃。

2. 完成所需的功用函數(shù)，詳細(xì)可參閱W3C的有關(guān)HTML和DOM標(biāo)準(zhǔn)。

3. 作為一個(gè)直接推論，需求錄入所謂的.js文件，這是JavaScript解析所需求“解析”的源代碼。

這篇文章中介紹的功用僅是一有些較為多見的JavaScript功用，要讓搜素引擎真實(shí)看到實(shí)踐的頁面還需求進(jìn)一步完成其它需求的功用，此外還需求合作對HTML、CSS、圖像等資本的支撐。

最終，關(guān)于期望運(yùn)用JavaScript的站長來說，這篇文章給出如下主張：

1. 不要運(yùn)用過于雜亂的JavaScript技能，這不利于搜索引擎的錄入

2. 不要阻撓對.js文件的錄入，否則會約束JavaScript解析的才能

3. 合理的區(qū)分站點(diǎn)的靜態(tài)有些和動態(tài)有些