js無用代碼清理（js刪除代碼）

本文目錄一覽：

• 1、用js清除網頁內內容
• 2、網頁做好了，但裡面有很多無用的js,css代碼 如何清理？
• 3、JS如何清除IE瀏覽器緩存
• 4、怎麼寫個小程序刪除js文件或css文件中的無用代碼
• 5、網站代碼優化是怎麼操作的，內容越細緻越好
• 6、用js代碼清空表單數據

用js清除網頁內內容

1、新建一個html頁面，命名為test.html。

2、在test.html頁面內，使用p標籤創建三行文字。

3、在p標籤的下面，創建一個button按鈕，按鈕名稱為「清除網頁內容」。

4、給button按鈕綁定onclick點擊事件，當按鈕被點擊時，執行delAll()函數。

5、在test.html頁面內，使用function創建delAll函數。

6、在delAll函數內，獲得當前頁面body對象，使用innerHTML屬性賦值為空的方法清除網頁內容。

7、在瀏覽器中打開test.html頁面，點擊「清除網頁內容」按鈕，網頁顯示空白，內容被清除。

網頁做好了，但裡面有很多無用的js,css代碼 如何清理？

沒有，良好的編程習慣才是最好的，不用的代碼要立即清除，對於代碼較多的網頁要用注釋，區分公共樣式代碼和非公共樣式代碼並做好分開放置

JS如何清除IE瀏覽器緩存

js中自動清除ie緩存方法 — 常用

對於動態文件,比如 index.asp?id=… 或者 index.aspx?id=… 相信有經驗的程序員都知道怎樣禁止瀏覽器緩存數據了.

但是對於靜態文件(css,jpg,gif等等), 在什麼場合下面我們需要禁止瀏覽器緩存他們,怎麼做?

方法一： Dojo中我們可以用簡單的方法完成：在dojo.xhrGet(包括post)等方法中都包含preventCache屬性，此屬性的含義： 「默認為啟用瀏覽器緩存，否則將通過自動增加不同的參數來確保瀏覽器緩存失效」 我們只要把此屬性賦值為：「true」即可。

方法二： document.write(“

其中 ver=113 的 113就是版本號，一般都是採用 CVS 或其他工具生成的開發版本號。

這樣真正做到了應該緩存的時候緩存靜態文件，當版本有更新的時候從獲取最新的版本，並更新緩存。

對於圖像 來有效利用和更新緩存.

js清除瀏覽器緩存 二

為了減小瀏覽器與伺服器之間網路傳輸壓力，往往對靜態文件，如js,css,修飾的圖片做cache，也就是給這些文件的HTTP響應頭加入 Expires和Cache-Control參數，並指定緩存時間，這樣一定時間內瀏覽器就不會給伺服器發出任何的HTTP請求(除了強制刷新)，即使在 這段時間內伺服器的js或css或圖片文件已經更新多次，但瀏覽器的數據依然是原來最能初cache的舊數據，有沒有辦法讓瀏覽器拿到已經修改後的最新數 據呢?

有，方法是用ajax請求伺服器最新文件，並加上請求頭If-Modified-Since和Cache-Control,如下:

[url=] 複製代碼 [/url]代碼如下:

$.ajax({

type: “GET”,

url: “static/cache.js”,

dataType: “text”,

beforeSend :function(xmlHttp){

xmlHttp.setRequestHeader(“If-Modified-Since”,”0″);

xmlHttp.setRequestHeader(“Cache-Control”,”no-cache”);

}

});

這裡用了jquery.

這樣瀏覽器就會把最新的文件替換掉本地舊文件。

當然，這裡還一個問題就是js必須知道伺服器更新了那個js、css、圖片，利用cookie和時間版本應該可以解決.

jquery自從1.2開始就有ifModified和cache參數了，不用自己加header

ifModified Boolean Default: false

Allow the request to be successful only if the response has changed since the last request. This is done by checking the Last-Modified header. Default value is false, ignoring the header.

cache Boolean Default: true

Added in jQuery 1.2, if set to false it will force the pages that you request to not be cached by the browser.

[url=] 複製代碼 [/url]代碼如下:

$.ajax({

type: “GET”,

url: “static/cache.js”,

dataType: “text”,

cache:false,

ifModified :true

});

怎麼寫個小程序刪除js文件或css文件中的無用代碼

這個是世界級的難題，至今無法處理。

只能通過手工去掉調用文件、代碼，視覺對比是否有異常，然後再考慮刪除。

網站代碼優化是怎麼操作的，內容越細緻越好

簡單而言，網頁的代碼優化，就是代碼精簡和標籤優化的結合體。

雖然搜索引擎力爭和來訪用戶行為一致，但它畢竟是機器程序，訪問頁面的時候針對的是網頁的源代碼。為更好地進行搜索引擎優化及更好地支持蜘蛛的抓取和爬行，需要對網頁代碼進行精簡、優化以及對網頁代碼中的標籤進行適當的優化。

第一、代碼精簡

代碼精簡是指清除或者簡化頁面中的代碼，達到降低頁面體積，提高頁面載入速度，從而提升用戶體驗，提高搜索引擎友好度的目的。

不論一般的CMS系統，還是自己研發的網站程序，代碼精簡都非常必要。因為現在的程序開發往往都力爭「無所不包」，恨不得在一個腳本系統中加入所有的功能，而對網站、用戶、搜索引擎而言，這些功能可能並不需要，所以需要進行適當的精簡。頁面代碼的精簡通常可以分為以下幾個方面：

1、垃圾代碼清理；

2、HTML標籤轉換；

3、CSS優化；

4、JS優化；

下面簡單介紹上述各方面的典型例子。

一、「垃圾代碼清理」：將頁面中無用的代碼刪除之後，頁面不會有任何影響。

1、常見的垃圾

代碼一般包括各種網頁製作軟體在製作網頁時默認生成的無用代碼，比如無意義的空格、默認屬性、注釋語句和空語句等。

「HTML標籤轉換」：從代碼精簡的角度考慮，將原本的長標籤替換成擁有同樣功能、搜索引擎認為作用一致的短標籤，比如「strong」和「b」的作用都是加粗，但是「strong」比「b」多5個字元。如果網頁上有很多個加粗的標籤，明顯用「b」替換「strong」可以起到代碼精簡的作用。

「CSS優化」：CSS是cascadingstylesheet的縮寫，即層疊樣式表。它是目前最常用的控制頁面布局、字體、顏色、背景的技術。CSS優化主要是改變CSS的調用方式、採用DIV+CSS的方式進行頁面製作，以防止垃圾代碼的產生，減少重複代碼。

「JS優化」：所謂JS，就是＆#106avascript的簡稱。在搜索引擎眼中，到目前為止仍然不解析JS生成的頁面或者內容，也就是說JS對搜索引擎來說是不友好的，如果將內容放置到JS中，是無法被搜索引擎抓取的。JS優化主要是為了避免JS代碼佔用頁面空間及重要位置，以及放置一些不希望搜索引擎看到的內容。

上面是一些典型的代碼精簡的例子，考慮到技術門檻，並未做過多地深入講解。就目前來看，主流的CMS系統往往都需要進行代碼的精簡，根據不同情況，搜索引擎優化者應該進行適當的學習和調整。

2．title標籤優化

title標籤頁稱為標題標籤，它和keywords、description標籤一起構成網頁的頭部三大標籤。

標題標籤內容是對網頁主題的概括，相當於一篇文章的題目。一般情況下，打開一個網站，在任意頁面選擇「查看源文件」，都可以看到頁面中的title標籤，而這個標籤中的內容，，對用戶來說，就顯示在瀏覽器的頂部。

在整個站內搜索引擎優化技術當中，標題標籤是最重要的，它對頁面內容產生決定性影響，絕大多數搜索引擎都會提取網頁標題中的內容作為搜索結果展現給用戶。

在標題標籤優化中，需要注意以下幾個細節：

a、「唯一的標題」：在單網頁優化中，所有網頁都應該有適合自己的獨特的標題。很多網站因為腳本程序的默認設置，或者是內容建設者的馬虎，往往會造成網頁內容不同，而標題相同的情況，這在搜索引擎優化中是應該杜絕的。

b、「標題長度」：為符合搜索引擎展示網頁的需求，～般要求標題長度在25～30個字之間較為合適。如果太短，無法很清楚地表達出頁面的內容；如果太長，則搜索引擎返回的查詢結果中就無法完全顯示。

c、「關鍵詞分布」：在網頁的標題中，盡量出現針對這個網頁內容主題的關鍵字、關鍵詞，但是需要自然，要符合用戶閱讀習慣，同時不要生硬地進行關鍵詞堆砌。

d、「標題吸引力」：上一篇《這樣優化標題，更吸引人》講過，一個好的標題，應該對用戶產生足夠的吸引力，以方便網站在搜索結果中展現的時候，吸引更多用戶進行點擊。如果標題沒有足夠的吸引力，排名再好也不會讓用戶感興趣，獲得的流量自然也不會多。

e、「標題構成」：對單網頁來說，一般情況下，標題順序應該是「本頁內容主題』』+「欄目名」+「網站名(品牌)」，這種標題構成格式是最常見，也是最符合用戶習慣和搜索引擎喜好的標題構成方式。

3．keywords標籤優化

keywords標籤也就是網頁的關鍵字標籤，主要作用是告訴搜索引擎，此頁面的主要內容要點、關鍵詞。

對單網頁來說，keywords標籤應該按照關鍵詞的重要性順序，有針對性地羅列幾個真實的關鍵詞。也就是說，這裡羅列的關鍵詞應該是整個網頁的主要內容凝練，不應該偽造或者堆砌關鍵詞。

4．description標籤優化

description標籤也就是描述標籤，主要是對當前網頁內容的概括，是相對簡單的頁面介紹。

和keywords標籤一樣，因為早期很多人利用description標籤堆砌關鍵詞，從而達到作弊的目的，所以現在的一些搜索引擎已經表示減弱或者完全不將description標籤作為排名演算法因素。

不過，同keywords標籤不同的是，很多搜索引擎會將description標籤的內容，作為搜索結果展現中的描述，呈現給用戶，所以從提高用戶體驗、吸引眼球的角度而言，description標籤應該進行有針對性的優化：

a、description標籤長度：在Google中，它有時會截取描述標籤中的112個中文字元長度的內容，作為搜索結果中的描述，所以一般情況下，描述標籤不應該太長、太短，以80～110個中文字元長度為宜：

b、關鍵詞分布與組合：在description標籤中，應該恰當地出現關鍵詞，並且在自然、通順、歸納網頁內容的前提下，盡量進行關鍵片語合，以利於搜索引擎挖掘更多的長尾關鍵詞。

5．h標籤優化

對單網頁來說，頭部三大標籤優化完成之後，整個網頁的代碼優化就大致完成一半，其餘一些重要的權重標籤優化佔到另外的一半，比如h、b等。

h標籤是所有權重標籤中最重要的標籤，它一共有6種樣式，即h1～h6，這些標籤在影響頁面相關性方面逐級遞減。

在實際的頁面優化中，優化者應該將頁面中最重要的內容，加上hl標籤，比如單網頁內容區域中的標題；將網頁中的主要段落標題、二級分類加上h2標籤。

需要注意的是，對內容單網頁來說，不建議採用過多的h標籤進行標記。通常情況下，hl出現1次，h2出現3、4次就足夠了。h3可能偶爾出現在分類較細的網站首頁，但是h4以後的h標籤一般就沒有運用的必要。

6．其他標籤優化

除上述講解的幾個常用標籤以外，還有一些其他的標籤，也可以適當地進行優化，比如：

a、font標籤：用於字體屬性的定義。

b、b標籤：粗體屬性定義。，

c、i標籤：斜體屬性定義。

d、u標籤：下劃線屬性定義。

這些標籤有各自的作用，在「自然」的前提下，可以適當的使用，以便讓網頁更有層次感，更能突出頁面內容重要性分級——但是這些標籤一定不要在每一個單網頁中都頻繁出現，或者在任何一個標籤中都加入幾個關鍵詞，這樣的優化會造成關鍵詞堆砌或者優化過度，往往適得其反。

第二、URL優化

URL優化是指通過對URL各組成部分進行適當的調整，以提高URL的搜索引擎友好度，提高用戶的記憶、理解、輸入的方便性．進而提高用戶體驗。

URL優化包括三大部分內容：

1．對域名、目錄、文件的命名

好的URL命名方式，應該能讓用戶通過URL即可很清楚地明白自己身處的網站位置。

2．URL中分隔符的使用

在URL中，很多看起來都是起分隔作用的符號其實意義是不一樣的，比如斜杠「/」是約定俗成的分隔符，用於URL中目錄之間或者目錄與文件名之間的分隔，而不能作為文件名中兩個詞語的分隔。

通常情況下，在CMS系統中的URL分隔符都有比較好的定義規範，不建議搜索引擎優化人員進行分隔符的修改。

3．URL長度和關鍵詞控制

URL長度為用戶體驗考慮，當然是越短越有意義、越容易記憶越好，但是在搜索引擎優化中，在URL中適當地包含關鍵詞是非常好的一種優化細節，通過關鍵詞的包含，用戶、搜索引擎都可以很方便地了解其含義。

這三部分之間相互制約、相互影響，最好的優化結果就是充分協調上述三個部分。

第三、關鍵詞布局與密度

在任何一個單網頁中，關鍵詞的布局和密度都是比較重要的。換句話說，如果關鍵詞布局設計得好，密度控制比較自然，那這個頁面的優化相對而言就比較成功。

1．關鍵詞密度

關鍵詞密度每個搜索引擎的標準都不一樣，有的控制很嚴，一般需要控制在2%～8%之內：有的根本不在乎，單頁面的關鍵詞密度30%也不會影響到排名。要檢查某個網頁的關鍵詞密度，可以採用站長站上的關鍵詞密度檢測工具。

通常情況下，對搜索引擎優化者而言，推薦的關鍵詞密度仍然是2%～8%，但是這並不是重點，重點是關鍵詞出現的布局和網頁內容的自然。

2．關鍵詞布局

關鍵詞的布局是優化細節中比較重要的一個部分，好的關鍵詞布局，應該在網頁標題、正文第一段、正文末尾、URL和鏈接等位置合理地出現關鍵詞。

但是，如果搜索引擎優化者死記硬背這一點，在所有的地方都試圖加入關鍵詞的話，往往就意味著優化過度。切記以自然為主，不用刻意進行關鍵詞堆砌。

第四、導入與導出鏈接

對單網頁來說，導入鏈接決定這個網頁的權重，導出鏈接決定這個網頁給其他網頁傳遞的權重。

在單網頁優化當中，導入鏈接可以包含站內的導入連接和站外的導入鏈接兩部分；導出鏈接也同樣分為導出到站內的鏈接和導出到站外的鏈接兩部分。

對單網頁的導入與導出鏈接而言，應該盡量遵循以下的原則：

a、單網頁的站內導入鏈接應該盡量多：也就是盡量在網站的內容鏈接中，形成更多指向網頁的鏈接。

b、單網頁的站外導入鏈接應該盡量多：盡量在其他網站上，建設指向此單網頁的外部導入鏈接。

c、單網頁的導出鏈接必須要有相關性：不管是單網頁的站內導出鏈接還是站外導出鏈接，都應該有密切的內容相關性。只有有相關性的導出鏈接，才能為用戶提供更好的用戶體驗，也才能更利於搜索引擎的排名。

對搜索引擎優化新手而言，導入／導出鏈接的建設相對單網頁的其他優化細節而言更不容易理解，其實記住以下這句話不但可以很好地判斷如何建設導入、導出鏈接，還能判斷其他的優化細節是否必要。

提醒：搜索引擎優化者應該站在普通網站訪問者的角度來審視網站，如果自己感覺需要的功能，則SEO就應該增加、擴展；如果自己都感覺不需要、不舒服、沒意義的功能，則SEO應該修改、刪除。

用js代碼清空表單數據

兩種方式：

一、使用reset類型的按鈕

二、使用reset方法

form name=”form1″

input type=”reset” value=”重置”/

input type=”button” value=”清除” onclick=”form1.reset()”/

input type=”text” name=”text1″/

input type=”text” name=”text2″/

/form