-3

我必须在我的 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>

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

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

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

4

3 回答 3

1

库之间的核心区别在于，一个是基本的 jQuery，而另外两个是 jQuery UI 及其样式表。jQuery UI 通常不是一个包含在页面中的库，除非它是经过深思熟虑的。如果你不确定你正在使用它，你可能没有使用它。

您添加的标签只是 jQuery 的较新版本。一切正常的原因是您的代码可能没有使用 jQuery UI，因此如果它丢失也没有问题。

此外，您不必将脚本标签放在head. 他们可以去页面上的任何地方。但是，最好将脚本标签放在页面的底部。这样您的页面就能够加载和呈现 HTML 元素，而无需先加载 JavaScript，这有时会导致页面加载出现一些挂起。

更新

至于何时使用 jQuery UI，它通常用于具有非常动态 UI 元素的项目中。例如，jQuery UI 允许单击/拖动元素、动态排序、可调整大小的元素等。您可以在此处查看其功能和演示的完整列表。

这个库之所以脱颖而出，是因为虽然标准 jQuery 确实支持这些交互，但它并不像使用 jQuery UI 那样简单和干净。请注意，jQuery UI 是 jQuery 的扩展，并且依赖于 jQuery 来运行。

于 2013-08-30T13:19:13.163 回答
0

您将 jquery 1.9.1 替换为 jquery 2.0.0。如果你想知道新版本有什么不同，可以随时查看补丁说明。

于 2013-08-30T13:12:53.263 回答
0

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

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

于 2013-08-30T13:13:28.747 回答