整理:网页后台栏目
我们可以创建一个外部 JavaScript 文件并在多个 HTML 页面中引用它。
这样做可以提供代码的可重用性,因为单个 JavaScript 文件可以在多个 HTML 页面中使用。
外部 JavaScript 文件必须以 .js 扩展名保存。 建议将所有 JavaScript 文件嵌入到一个文件中,这样可以提高网页的加载速度。
让我们创建一个外部 JavaScript 文件来复制警报对话框中的“Hello Javatpoint”。
消息.js
<pre class="code-snippet__js" data-lang="javascript">function msg(){
alert("Hello Javatpoint");
}
点击领取
让我们将 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 代码。
热门推荐
发表评论