HTML中需要脚本标签？ [关闭]答案

【问题标题】：Script tags needed in HTML? [closed]HTML中需要脚本标签？ [关闭]
【发布时间】：2013-09-03 05:31:18
【问题描述】：

我必须在 HTML 的 <head> 中插入哪些脚本标签？？？

这是我所拥有的：

<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>

...一切都以相同的方式工作（而且看起来干净整洁）。

谁能用简单的话解释一下前三个脚本标签的作用，它们与我添加的而不是这三个标签有何不同？？？你会用哪一个？

我更喜欢底部解决方案，但我不确定这是否正确/最佳选择？？？

【问题讨论】：

你是在告诉我你使用 jQuery 却不知道基本的 JavaScript 是如何工作的......？
@Kolink -- 可怕的东西 :)
我对 javascript 很陌生，所以我想知道其中的区别。因为我在这里没有看到任何区别，所以我想知道 Web 开发人员使用什么经验，以及是否有人愿意简单地向我解释这一点。谢谢。
en.wikipedia.org/wiki/JavaScript_library
没有单一的“正确”答案。您应该根据您是否实际使用脚本来导入脚本。如果您不使用脚本，则不需要它；如果你是，那么你就是。

标签： javascript html

【解决方案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 运行。

【讨论】：

谢谢！这很有用。因此，有基本的 JQuery 和 UI 及其样式表。我怎么知道什么时候使用哪一个？
我会更新我的答案来解释一下
太棒了！非常感谢。我知道这是基本的，但有时在网上阅读大量内容以获得简单的答案并不容易。感谢您的好意！
请阅读您的更新。如果我理解得很好，我可能也应该使用 jquery UI，因为我的两个 .js 文档是动态的（可点击的）。那正确吗？ JQuery UI 的最新脚本是什么？
jQuery 支持大量可点击和动态元素。脚本很少依赖于 jQuery UI，如果你的脚本在你的项目中没有 jQuery UI 脚本标签就可以工作，你就不需要它。如果你决定使用它，你可以下载它here

【解决方案2】：

您将 jquery 1.9.1 替换为 jquery 2.0.0。想知道新版本有什么不同，可以随时关注patchnotes。

【讨论】：

感谢您的回复。我并不是在暗示新版本，而是我想了解前三个脚本之间有什么区别，如果我使用底部选项是否相同？

【解决方案3】：

您不必在页面顶部放置任何标签。
虽然建议您添加 META 标记、字符集和 TITLE 标记来命名您的页面。

javascript可以放在页面的任何位置

【讨论】：

我知道所有这些事情，但我想知道这三个 SCRIPT 标签。