如何在HTML中引入JavaScript代码？

发表时间: 2023-06-19 17:10

JavaScript 程序不能独立运行，它需要被嵌入 HTML 中，然后浏览器才能执行 JavaScript 代码。通过 <script> 标签将 JavaScript 代码引入到 HTML 中，有两种方式：
1.内部方式
内部方式是通过<script>标签包裹JavaScript代码,从而引入HTML页面中，示例代码如下：

<!DOCTYPE html> <html> <head>   <meta charset="UTF-8">   <title>JavaScript 基础 - 引入方式</title> </head> <body>   <!-- 内联形式：通过 script 标签包裹 JavaScript 代码 -->   <script>     alert('嗨，欢迎来传智播学习前端技术！')   </script> </body> </html>

2.外部形式

一般将 JavaScript 代码写在独立的以 .js 结尾的文件中，然后通过 <script>标签的 <src>属性引入，示例代码如下：

// demo.jsdocument.write('嗨，欢迎来传智播学习前端技术！')

<!DOCTYPE html> <html> <head>   <meta charset="UTF-8">   <title>JavaScript 基础 - 引入方式</title> </head> <body>   <!-- 外部形式：通过 script 的 src 属性引入独立的 .js 文件 -->   <script src="demo.js"></script> </body> </html>

注意：如果 script 标签使用 src 属性引入了某 .js 文件，那么标签的代码会被忽略！！！如下代码所示：

<!DOCTYPE html> <html> <head>   <meta charset="UTF-8">   <title>JavaScript 基础 - 引入方式</title> </head> <body>   <!-- 外部形式：通过 script 的 src 属性引入独立的 .js 文件 -->   <script src="demo.js">     // 此处的代码会被忽略掉！！！！       alert(666);     </script> </body> </html>

如何在HTML中引入JavaScript代码？

热门阅读

推荐阅读