JavaScript代码怎样引入到HTML中?
侧边栏壁纸
  • 累计撰写 1,121 篇文章
  • 累计收到 3 条评论

JavaScript代码怎样引入到HTML中?

私人云
2026-02-07 / 0 评论 / 0 阅读 / 正在检测是否收录...

JavaScript 程序不能独立运行,它需要被嵌入 HTML 中,然后浏览器才能执行 JavaScript 代码。通过标签将 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>
0

评论 (0)

取消