在 html 中使用 JavaScript 需要借助 < scirpt > 标签, 使用 < script > 标签的方式有两种: 一种是直接在 < script > 标签中嵌入 JavaScript 代码, 另一种是用 < script > 的 src 属性引入外部 JavaScript 文件.
直接在页面嵌入 JavaScript 代码
在使用 < script > 标签嵌入 JavaScript 代码时, 只需为 < script > 指定 type 属性. 然后, 像下面这样把 JavaScript 代码直接放在标签内部即可:
- <!DOCTYPE HTML>
- <HTML lang="en">
- <head>
- <meta charset="UTF-8">
- <title>
- title
- </title>
- <script type="text/javascript">
- var Word = "Hello, itbsl";
- alert(Word);
- </script>
- </head>
- <body>
- </body>
- </HTML>
<script > 的 type 属性可以不要, 这是因为当初标准的制定者认为标签内嵌入还可能会嵌入其他语言, 需要用 type 来指定标签内的语言, 但是发展到至今大家已经知道, 这里只会嵌入 JavaScript, 目前所有浏览器的默认值就是 text/JavaScript.
HTML 文件内可以嵌入任意多个 script 标签.
引入外部 JavaScript 文件
如果要通过 < script > 标签包含外部 JavaScript 文件, 那么 src 属性是必须的. 这个属性的值是一个指向外部 JavaScript 文件的链接, 例如:
- <!DOCTYPE HTML>
- <HTML lang="en">
- <head>
- <meta charset="UTF-8">
- <title>
- title
- </title>
- <script type="text/javascript" src="./js/example.js">
- </script>
- </head>
- <body>
- </body>
- </HTML>
注意: 带有 src 属性的 < script > 标签不应该在其 < script > 和 </script > 标签之间再嵌入任何 JavaScript 代码. 如果嵌入了额外的 JavaScript 代码, 则只会下载并执行 src 引入的外部脚本文件, 嵌入的代码会被忽略.
来源: http://www.css88.com/qa/html5/11022.html