Question

我必须在我的HTML ??? {/ 1>的<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>

......一切都以同样的方式运作（加上它看起来整洁干净）。

任何人都可以用简单的词语解释我前三个脚本标签的作用，以及它们与我添加的那个不同，而不是那三个？你会用哪一个？

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

Answer 1

库之间的核心区别在于，一个是基本的jQuery，而另外两个是jQuery UI及其样式表。 jQuery UI通常不是包含在页面中的库，除非它非常慎重。如果您不确定是否使用它，则可能不使用它。

您添加的标记只是更新版本的jQuery。一切工作原理相同的原因是您的代码可能没有使用jQuery UI，因此如果它丢失则没有问题。

此外，您无需将脚本标记放在head中。他们可以去页面的任何地方。但是，将脚本标记放在页面的BOTTOM上是一种很好的做法。这样，您的页面就可以加载和呈现HTML元素，而无需先加载JavaScript，这有时会导致页面加载时出现一些挂起。

<强>更新

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

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

Answer 2

您用jquery 2.0.0替换了jquery 1.9.1。如果你想知道新版本有什么不同，你可以随时查看patchnotes。

Answer 3

你不必在页面的头部放置任何标签。
虽然建议您添加META标记，charset和TITLE标记来命名您的页面。

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

HTML中需要脚本标签？

3 个答案: