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

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

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

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

一般來說，頁面連接都是以HTML中的A標(biāo)簽辦法存在，連接URL標(biāo)記在href特點中，但實踐存在著一些網(wǎng)站會挑選更為“動態(tài)”的辦法，較為多見的辦法有兩種：一種是動態(tài)寫入或調(diào)整A標(biāo)簽，另一種是在用戶點擊的時分觸發(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è)置特點

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

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

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

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

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

2.設(shè)置A標(biāo)簽的onclick特點，設(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)于每一個要觸發(fā)的click而言，實踐觸發(fā)之前必須先檢查其是不是還存在，這是因為在其之前的click事情很也許現(xiàn)已把當(dāng)前這個click刪去掉了。

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

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

頁面動態(tài)內(nèi)容是一種提升頁面加載速度、增強(qiáng)網(wǎng)站技能靈活性的手法，能夠?qū)⒛切�會改動的�?nèi)容（如談?wù)摗⒃u分等）抽離，使頁面分為靜態(tài)和動態(tài)兩有些：靜態(tài)內(nèi)容能夠運用緩存等辦法加速頁面顯現(xiàn)速度、下降網(wǎng)站流量；動態(tài)內(nèi)容則有格局簡略好生成的優(yōu)勢，同時也能節(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代碼，至今仍在廣泛運用。關(guān)于該辦法，前期的搜索引擎都有所支撐，但辦法底子限于字符匹配，僅能支撐最直接的寫入一個JavaScript字符串的辦法，關(guān)于略微雜亂的文本拼接顯得力不從心。但關(guān)于JavaScript解析而言，這段代碼終究是要契合言語標(biāo)準(zhǔn)的，因而就能做到完好支撐，處理文本拼接、條件判斷和混雜代碼等各種情況。

這兒還需求談?wù)摰囊稽c是嵌套的document.write，也即是通過document.write寫入一個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)。因為這是技能上僅有的JavaScript跳轉(zhuǎn)函數(shù)，所以不管頁面的JavaScript怎么編撰怎么混雜，終究都會調(diào)用該函數(shù)。因而，雖然不一樣頁面的跳轉(zhuǎn)代碼看上去五花八門，但辨認(rèn)出來卻是簡略的。

四、關(guān)于AJAX

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

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

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

總結(jié)

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

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

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

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

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

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

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

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

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