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

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

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

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

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

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

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

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

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

document.getElementById // 定位

document.getElementsByTagName // 定位

document.getElementsByClassName // 定位

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

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

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

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

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

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

頁(yè)面這么做的因素紛歧，有的是為了躲藏連接，有的是為了完成彈出窗口，有的則是為了程序拼接URL，還有的是做檢檢查是不是應(yīng)該翻開(kāi)連接等等。但所有這些因素都對(duì)應(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)

支撐這三種辦法自身是較為簡(jiǎn)略的，需求注意的當(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)的頁(yè)面跳轉(zhuǎn)函數(shù)，既location.href = ?，window.open等。然后通過(guò)設(shè)置一系列象征，將本次點(diǎn)擊和頁(yè)面跳轉(zhuǎn)干系起來(lái)，如此也就得到了方針URL。

二、動(dòng)態(tài)頁(yè)面內(nèi)容

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

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

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

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

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

通過(guò)上述辦法，不管是頁(yè)面的主體信息，還是廣告或其它輔佐信息，都會(huì)被露出出來(lái)，然后非常好的理解站長(zhǎng)目的。

三、頁(yè)面跳轉(zhuǎn)

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

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

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

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

四、關(guān)于AJAX

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

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

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

總結(jié)

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

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

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

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

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

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

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

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

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