为什么要使用JavaScript外链？
什么是JavaScript外链？
JavaScript外链是指在HTML文档中引入外部的.js文件，并通过链接的方式调用其内部的JavaScript代码。这种方式可以将JavaScript代码从HTML文档中分离出来，使得代码更易于管理和维护。
为什么要使用JavaScript外链？
使用JavaScript外链有以下几个好处：
- 代码复用：在多个页面中使用同一段JavaScript代码变得更加容易，在一个文件中修改也更加方便。
- 可维护性：将JavaScript代码从HTML文档中分离出来，使得其在维护时更加简单。
- 文件缓存：浏览器可以缓存外部.js文件，这意味着在多个页面中使用相同的文件时，文件只需要下载一次，从而加快了网站的加载速度。
在HTML中如何使用JavaScript外链？
在HTML文档中使用JavaScript外链，需要在<head>标签中添加一个<script>标签。例如：
<head>
<script src=\"example.js\"></script>
</head>
其中，src属性指定了外部.js文件的路径。
JavaScript外链的案例
百度搜索框下拉提示
百度搜索框下拉提示是一个常见的JavaScript应用，该应用可以在用户输入关键字时，自动弹出相关搜索结果列表。
下面是该应用的代码示例：
<input type=\"text\" id=\"searchInput\">
<script src=\"http://unpkg.com/jquery\"></script>
<script src=\"http://unpkg.com/jquery.easy-autocomplete\"></script>
<script>
var options = {
url: \"http://suggestqueries.google.com/complete/search?client=youtube&ds=yt&q=\",
getValue: \"0\"
};
$(\"#searchInput\").easyAutocomplete(options);
</script>
在这个例子中，我们首先在<head>标签中引入了jQuery和easy-autocomplete两个外部JavaScript文件。然后，我们定义了一个名为options的变量，这个变量用于配置搜索框下拉提示的行为。最后，我们调用了easyAutocomplete()函数，将搜索框id作为参数传入，实现下拉提示的功能。
