初見Ajax——javascript通路DOM的三種通路方式

最近在一間小公司實習，寫一些小東西。小公司嘛，人們都說在小公司要什麼都寫的。果真是。

前端，背景，無論是HTML,CSS,JavaScript還是XML，Java，都要自己全包了。還好前台的要求不高。寫一些芝麻豆腐的東西還是不在話下的。但是整個項目下來估計還不止這些要寫。而且我的經驗當中，都沒怎麼關心過前端的東西，一直認為這是和我無關的東西，這次估計要悲劇了。是以找了一本書來看——《Ajax實戰》。臨時抱佛腳，臨陣磨槍，也不能說是完全沒有用處的。相比沒怎麼寫過Java的人，我還是覺得寫一些簡單的Javascript對背景的幫助比我去寫Java要快。而且互動上來說，Ajax也是必須的。我本人也讨厭老是要重新整理整個頁面，這太影響體驗了。

Ajax，至于叫什麼，大家随意吧。是人也好，是足球隊也罷。。。

Ajax不是單一的技術，大家都知道，好吧，我啰嗦了。

Ajax設計的技術：Javascript，CSS，DOM，XMLHttpRequest對象。

Javascript和CSS，這兩種技術，之前也寫過，是以有所了解。一直覺得DOM很難了解，主要還是自己懶一直沒有自己去看。XMLHttpRequest嘛，無非就是跟伺服器打交道的東西。Request，請求嘛。

用Javascript改善使用者體驗。用CSS定義應用的外觀。用DOM組織視圖。使用XML技術異步加載資料。簡單來說，Ajax就做了這些事情吧。

暫時隻想說個Javascript操作CSS和DOM的例子，XML的事情以後再說吧。一步一步來。

<a></a>

javascript蠻好玩的嘛。

這是一個用javascript操作Document和CSS的例子。

DOM能夠為javascript引擎公開網頁。通過DOM，可以采用程式設計的方式操作文檔的結構。Web頁面的DOM表示是一個樹狀結構，由元素或點組成。節點可以包含很多子節點。javascript通過全局變量document公開目前Web葉夢得根節點，這個變量是所有DOM操作的起點。DOM使用容器的屬性來做索引，而不是使用數字做索引。DOM中元素的關系可以看作是HTML清單的鏡像。這種關系可以是雙向的，修改DOM将改變HTML标記，随之會反映在頁面的現實上。

就可以在javascript中通路到

這個節點。

這種方式同樣能夠通路到節點

這種方法會在DOM中搜尋所有的&lt;a&gt;标簽。在批量操作的時候就很有用了。

标題有點大，但卻是在看。。。

本文轉自 Ron Ngai 部落格園部落格，原文連結： http://www.cnblogs.com/rond/archive/2012/04/01/ajaxone.html ，如需轉載請自行聯系原作者