HTML如何调用javascript文件?

在HTML中,可以通过script标签和src属性来调用外部的JavaScript脚本文件。下面本篇文章就来给大家介绍一下,希望对大家有所帮助。

<script> 标签用于定义客户端脚本,比如 JavaScript。

script 元素既可以包含脚本语句,也可以通过 src 属性指向外部脚本文件,src属性规定外部脚本文件的 URL。

有时,我们需要在网站的多个页面中运行 JavaScript。不需要重复编写相同的脚本,只需在单独的文件中创建 JavaScript,并以 .js 为后缀保存,然后使用 <script> 标签中的 src 属性引用该文件即可。

注:外部文件不能包含 <script> 标签!

语法:

<script type="text/javascript" src="sample.js"></script>

在HTML中嵌入上述代码,就可将编写了JavaScript脚本的外部JavaScript文件导入HTML中,这样HTML就可调用JavaScript。

示例:调用外部JavaScript脚本

sample.html

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <script type="text/javascript" src="sample.js"></script>
  </head>
  <body>
    <p>外部JavaScript脚本</p>
  </body>
</html>

sample.js

alert("Hello");

弹出窗效果图:

想要了解更多前端知识,可访问 前端开发学习!!

以上就是HTML如何调用javascript文件?的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » HTML5 答疑