JavaScript代码怎样引入到HTML中？

最新推荐文章于 2024-04-19 10:18:52 发布

传智教育

最新推荐文章于 2024-04-19 10:18:52 发布

阅读量254

点赞数

文章标签： javascript html 前端

本文链接：https://blog.csdn.net/cz_00001/article/details/130710191

版权

JavaScript 程序不能独立运行，它需要被嵌入 HTML 中，然后浏览器才能执行 JavaScript 代码。通过

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

2.外部形式

一般将 JavaScript 代码写在独立的以 .js 结尾的文件中，然后通过

// demo.js
document.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>

传智教育

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript代码怎样引入到HTML中？

JavaScript 程序不能独立运行，它需要被嵌入 HTML 中，然后浏览器才能执行 JavaScript 代码。注意：如果 script 标签使用 src 属性引入了某 .js 文件，那么标签的代码会被忽略！一般将 JavaScript 代码写在独立的以 .js 结尾的文件中，然后通过。
复制链接

扫一扫