欢迎光临散文网 会员登陆 & 注册

JavaScript代码怎样引入到HTML中?

2023-02-03 18:15 作者:云和数据何老师  | 我要投稿


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">


JavaScript代码怎样引入到HTML中?的评论 (共 条)

分享到微博请遵守国家法律