2012-12-26 56 views

回答

2

它更好,如果你有他們在單獨的文件,然後將它們包含在你的aspx頁面。這樣它將使您能夠在多個頁面上使用相同的CSS和Javascript。

但是,如果你正在尋找只在一個頁面中使用CSS和JavaScript,然後 你應該把你的CSS頭標籤,你可以把JavaScript之間的頭標籤或HTML之間的任何地方,但放在JavaScript的最佳位置是頭標籤之間。它更好地把頭像jquery庫文件。

+0

我可以在頭標籤上寫一個js函數,這取決於頁面底部加載的文件嗎?在head標記中寫入document.ready事件並在底部引用jQuery.js的示例。它會起作用嗎? –

+1

@Murali,嘗試使用$(window).load而不是document.ready來確保腳本在加載完成後執行。js文件完成了。 – Habib

+0

單獨的css和java腳本文件意味着更多的服務器請求。但瀏覽器可以緩存這些文件的主要好處。 –

1

將CSS放在頁面頂部並在頁面底部放置JavaScript(在關閉正文標記之前)是在同一頁面中需要CSS和腳本時的最佳方式。

您可以在這篇文章(的規定點在中間部分解釋)讀 -

http://developer.yahoo.com/performance/rules.html

之所以JavaScript的應該是在底部的是,任何頁面元素你訪問你的JavaScript應該首先在DOM中加載。如果您在<head>部分編寫它們,則JavaScript可能無法找到HTML中的元素並報告錯誤或無法執行。

1

我會建議

  1. 放樣式表調用到<HEAD>元素的頂部,並在此之後</body>標籤頁面的底部
  2. 腳本。 (在某些情況下)

因爲這會使您的網頁加載速度更快。

注:

第二點並不總是因爲在某些情況下,你希望你的腳本來執行這些腳本的幫助內容的一部分是真實的。

所以的JavaScript和CSS錯誤的位置會影響頁面的優化

0

我想補充一點:

腳本應保持在頁面底部,例如在提供</body>標記後,頁面加載不依賴於該腳本。

注意:將腳本放在頁面的底部會提高顯示速度,因爲腳本編譯會降低顯示速度。