JavaScript 必需嵌入到 HTML 文档,才能被浏览器解释和执行。将JavaScript 脚本嵌入到 HTML 文档中有3种标准方法:通过script标签嵌入;引入外部脚本; 在 HTML 属性中直接嵌入。
通过<script>标签嵌入JavaScript代码时,必需将代码放在 <script> 和 </script> 标记对之间。范例代码如下:
<script> document.write("这是通过<script>标签嵌入的代码"); // 输出语句 </script>
浏览器载入HTML文档时,会识别 <script> 标签,执行其中的 JavaScript 代码,然后将结果返回并在浏览器窗口显示。
也可以把脚本保存到外部文件中。外部文件通常包含被多个网页使用的代码。
外部 JavaScript 文件的文件扩展名是 .js。
如需使用外部文件,请在 <script> 标签的 "src" 属性中设置该 .js 文件,范例代码如下:
<!DOCTYPE html> <html> <body> <script src="myScript.js"></script> </body> </html>
你可以将脚本放置于 <head> 或者 <body>中 实际运行效果与您在 <script> 标签中编写脚本完全一致。
在HTML属性中嵌入JavaScript代码主要是针对JavaScript事件。JavaScript事件是指用户对网页进行操作时,网页做出相应的响应。范例代码如下:
<html> <head> <title>鼠标单击事件</title> </head> <bdoy> <p onclick="alert('你已经点击了我!');">请点击这里</p> </body> </html>
实例演示:
请点击这里