仅使用 html 和 CSS 创建动态网页很困难; 例如, 仅使用 CSS 是无法很好完成下拉菜单和滑入式页面的. 此时就需要使用 JavaScript. 下面本篇文章就来给大家介绍一下在 HTML 中引用 JavaScript 的方法, 希望对大家有所帮助.
在 HTML 中引用 JavaScript 的方法有两种: 内联 JavaScript 脚本, 外部 JavaScript 脚本.
方法 1: 内联 JavaScript 脚本
内联脚本是一种使用 < script > 标签直接在 HTML 中嵌入 JavaScript 代码的方法.
语法:
- <script type="text/javascript">
- //JavaScript 代码
- </script>
示例: 当访问页面时, 弹出一个显示 "Hello" 的警告框
- <!DOCTYPE HTML>
- <HTML>
- <head>
- <meta charset="utf-8">
- </head>
- <body>
- <p>
- 内联 JavaScript 脚本
- </p>
- <script type="text/javascript">
- alert("Hello");
- </script>
- </body>
- </HTML>
弹出窗效果图:
方法 2: 外部 JavaScript 脚本
外部脚本是使用 < script > 标签和 src 属性将外部的 JavaScript 脚本文件连接到 HTML 中的方法; 这通常用于网页设计领域.
语法:
<script type="text/javascript" src="sample.js"></script>
在 HTML 中嵌入上述代码, 就可将编写了 JavaScript 脚本的外部 JavaScript 文件导入 HTML 中, 这样 HTML 就可调用 JavaScript.
示例: 当访问页面时, 弹出一个显示 "Hello" 的警告框
sample.HTML
- <!DOCTYPE HTML>
- <HTML>
- <head>
- <meta charset="utf-8">
- <script type="text/javascript" src="sample.js">
- </script>
- </head>
- <body>
- <p>
- 外部 JavaScript 脚本
- </p>
- </body>
- </HTML>
sample.JS
alert("Hello");
弹出窗效果图:
来源: http://www.css88.com/qa/html5/11582.html