外部JavaScript

外部JavaScript

JavaScript外部脚本

在HTML文档中,我们可以使用三种方式来引入JavaScript代码,它们分别是内嵌式、行内式和外部式。在这篇教程中,我们将重点关注如何使用外部JavaScript。

1. 创建外部JavaScript文件

首先,你需要创建一个新的JavaScript文件。这个文件通常使用.js作为文件后缀。例如,你可以创建一个名为script.js的文件。

在script.js文件中,我们可以添加一些JavaScript代码。比如:

// 打印 "Hello, World!" 到控制台
console.log("Hello, World!");

 

2. 在HTML文档中引入JavaScript文件

 

要在HTML文档中使用外部的JavaScript文件,我们需要在HTML文档的头部(head)或者尾部(body结束前)使用<script>标签,并通过src属性指定JavaScript文件的路径。

例如:

<!DOCTYPE html>
<html>
<head>
    <title>我的网页</title>
</head>
<body>
    <h1>欢迎来到我的网页!</h1>

    <!-- 在HTML文件的尾部引入外部的JavaScript文件 -->
    <script src="script.js"></script>
</body>
</html>

 

在上述HTML文件中,我们在body结束前使用了<script src=”script.js”></script>来引入外部JavaScript文件。这样,浏览器就会执行script.js中的JavaScript代码。

通常,我们会把<script>标签放在HTML文档的底部,这样可以确保当脚本加载和执行的时候,HTML文档已经完全加载了。

希望这个教程对你有所帮助!

© 版权声明
THE END
喜欢就支持一下吧
点赞15赞赏 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容