HTML－加速、再加速(上)

　web開發人員是否必須掌握複雜的元件技術才能加快html頁面的存取速度？答案是：不一定！實際上，有許多關於HTML與DHTML方面的技巧，它們原理簡單而且上手容易。無論是技術高超的老手，或是初涉編程的菜鳥，領會這些都十分必要。

明顯HTML，暗渡「公用腳本」

減少web頁面下載時間的關鍵就是設法減少檔案大小。當多個頁面共用一些成分內容時，就可以考慮將這些公用部分單獨分開。例如：我們可以將多個HTML頁面都用到的腳本程式編寫成獨立存在的.js文件，然後再在頁面中按如下方式調用它：



這樣，公用檔案只需要下載一次，然後就進入緩衝區。等下次再呼叫包含公用檔案的html頁面時，下載時間明顯減少。

讓樣式表內容進入地下工作

CSS是HTML裝扮器，一個漂亮的Web頁面不可能沒有它。 HTML頁面有多種引用CSS的方法，不同的方法所導致的效率也不一樣。通常，我們可以將定義於間的樣式控製程式碼提取出來，儲存到單獨的.css檔案中，然後在HTML頁面中以標記或@import標記的方式進行引用：

 


請注意2點：1、.css檔案中無須包含

你一定會覺得做這麼一點事情竟要寫這麼複雜的程式碼，是否有更簡潔的方法？當然有！請看這4個屬性：posLeft、posTop、posWidth 和 posHeight，它們對應於對應字串回傳值的點數數值。好了，使用這些屬性重新編寫程式碼實現上面程式碼實現的功能：

element.style.posLeft += 10

程式碼短小、速度卻更快！ 🎜🎜 以上是HTML－加速、再加速(上)的內容，更多相關文章請關注PHP中文網（www.php.cn）！ 🎜🎜🎜🎜