HTML中调用一个JavaScript脚本文件

最新推荐文章于 2025-03-10 14:16:50 发布

Data菌

最新推荐文章于 2025-03-10 14:16:50 发布

阅读量894

点赞数

分类专栏： JavaScript HTML 文章标签： javascript html 开发语言

本文链接：https://blog.youkuaiyun.com/wlqchengzhangji/article/details/121224601

版权

HTML 同时被 2 个专栏收录

18 篇文章

订阅专栏

JavaScript

6 篇文章

订阅专栏

本文介绍了如何在HTML中调用外部JS脚本文件，通过VS创建Test.js和Home.html，展示了在HTML中引入JS文件的基本步骤。双击Home.html后，成功运行外部JavaScript，显示'俺是一个外部的JavaScript文件'。接下来的内容将深入探讨JavaScript的语法规则。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

上篇介绍HTML中嵌入JS代码，本篇介绍如何调用外部的JS脚本文件。本次使用VS开发工具进行编辑（不限）。

1.新建Test.js文件

document.write("俺是一个外部的JavaScript文件");

注意：编码使用UTF-8保存，否则会乱码。

2.新建Home.html文件

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title></title>
    <!-- 引入外部JavaScript文件 -->
    <script src="C:\Users\lunqiang.wang\Desktop\Test.js"></script>
</head>
<body>

</body>
</html>

文件如下