jquery 文件下载-JavaScript 教程 – 外部 JavaScript 文件

整理:网页后台栏目

我们可以创建一个外部 JavaScript 文件并在多个 HTML 页面中引用它。

这样做可以提供代码的可重用性,因为单个 JavaScript 文件可以在多个 HTML 页面中使用。

外部 JavaScript 文件必须以 .js 扩展名保存。 建议将所有 JavaScript 文件嵌入到一个文件中,这样可以提高网页的加载速度。

让我们创建一个外部 JavaScript 文件来复制警报对话框中的“Hello Javatpoint”。

消息.js

<pre class="code-snippet__js" data-lang="javascript">function msg(){ alert("Hello Javatpoint"); }

点击领取

超全、超细节前端面试题.pdf

让我们将 JavaScript 文件包含到 HTML 页面中。 单击该键时将调用 JavaScript 函数。

索引.html

<html><head>  <script type="text/javascript" src="message.js"></script></head><body>  <p>Welcome to JavaScript</p>  <form>    <input type="button" value="click" onclick="msg()"/>  </form></body></html>

外部 JavaScript 的优点

如果用户创建外部JavaScript文件,将获得以下优点:

它促进了跨多个 HTML 文件的代码可重用性。

它使代码更易于阅读。

它之所以高效jquery 文件下载,是因为 Web 浏览器缓存外部 js 文件,从而减少了页面加载时间。

它使网页设计人员和编码人员能够并行且独立地处理 html 和 js 文件,即工作时不会遇到任何代码冲突。

减少了代码厚度,只需要指定js文件的位置即可。

外部 JavaScript 的缺点

外部文件还具有以下缺点:

攻击者可能通过js文件的URL下载程序员的代码。

如果两个js文件相互依赖jquery 文件下载,那么其中一个文件的失败可能会影响其他依赖文件的执行。

Web浏览器需要发出额外的HTTP请求才能获取js代码。

js 代码中的微小或剧烈更改可能会导致所有相关文件出现意外结果。

我们需要检测依赖于常见外部 JavaScript 文件的每个文件。

如果代码只有几行,最好将其实现为内部 JavaScript 代码。

热门推荐