2013-08-30 55 views
-3

我必須插入我的HTML的<head>腳本標記是什麼?HTML中需要腳本標記?

以下是我有:

<head> 
<title>My Web Site</title> 
<script type='text/javascript' src='http://code.jquery.com/jquery-1.9.1.min.js'></script> 
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script> 
<link rel='stylesheet' type='text/css' href='http://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css'/> 
<script type='text/javascript' src='scrollup.js'></script> 
<script type='text/javascript' src='verticalsmoothscrolling.js'></script> 
<link type="text/css" rel="stylesheet" href="stylesheet.css"/> 
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" /> 
<link href='http://fonts.googleapis.com/css?family=Roboto+Slab:400,700' rel='stylesheet' type='text/css'> 
<link href='http://fonts.googleapis.com/css?family=Fauna+One' rel='stylesheet' type='text/css'> 
</head> 

但是,如果我先刪除上述三個腳本標記並添加這一項,而不是:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script> 

...一切都以同樣的方式(加上它看起來乾淨整潔)。

任何人都可以用簡單的語言解釋我前三個腳本標記中的每一個是什麼,它們與我添加的而不是那三個有什麼不同?你會用哪一個?

我更喜歡底部的解決方案,但我不確定這是正確的/最好的選擇?

+9

你是否告訴我你使用jQuery,而無需知道甚至基本JavaScript的工作原理......? –

+1

@Kolink - 可怕的東西:) – tymeJV

+0

我很新的JavaScript,所以我想知道它的區別。正如我在這裏看到的沒有什麼不同,我想知道web開發人員使用什麼經驗,並且如果有人會如此善意地向我解釋這一點。謝謝。 –

回答

1

庫之間最核心的區別在這裏,一個是基本的jQuery上,而其他兩個是jQuery UI的和它的樣式表。 jQuery UI並不經常是一個包含在頁面中的庫,除非它是非常慎重的。如果你不確定你是否使用它,你可能沒有使用它。

您添加的標籤只是jQuery的較新版本。一切工作原理相同的原因是,你的代碼可能不使用jQuery UI,所以沒有問題,如果它失蹤。

另外,您不必將腳本標籤放在head中。他們可以去任何地方在頁面上。但是,將腳本標籤放在頁面底部是一種很好的做法。這樣一來,您的頁面就可以加載並呈現HTML元素,而無需首先加載JavaScript,這樣偶爾會導致頁面加載時出現一些掛斷現象。

更新

至於何時使用jQuery UI,它通常在項目中使用非常動態的UI元素。例如,jQuery UI允許點擊/拖動元素,動態排序,可調整大小的元素等。您可以看到其功能和演示的完整列表here

這個庫很突出,因爲雖然標準jQuery確實支持這些交互,但它並不像使用jQuery UI那麼簡單和乾淨。請注意,jQuery UI是jQuery的擴展,並依靠jQuery來運行。

+0

謝謝!這很有用。所以,有基本的JQuery和UI及其樣式表。我如何知道何時使用哪一個? –

+0

我會更新我的答案來解釋一下 –

+0

太棒了!非常感謝。我知道這是基本的,但有時候不容易在網上閱讀大量的東西來獲得簡單的答案。感謝你的好意! –

0

你用jquery 2.0.0取代了jquery 1.9.1。如果你想知道,新版本有什麼不同,你總是可以看看patchnotes

+0

感謝您的回覆。我不是在暗示一個新版本,而是我想了解前三個腳本有什麼區別,如果我使用底部選項,它也是一樣的嗎? –

0

你不必將任何標籤放在頁面的頭部。
雖然建議您添加META標籤,charset和TITLE標籤來命名您的頁面。

的JavaScript可以放在任何地方頁

+0

我知道所有這些事情,但我想知道這三個SCRIPT標籤。 –