精美而实用的网站,关注web编程技术、网站运营、SEO推广,让您轻松愉快的学习

JavaScript 必需嵌入到 HTML 文档,才能被浏览器解释和执行。将JavaScript 脚本嵌入到 HTML 文档中有3种标准方法:通过script标签嵌入;引入外部脚本; 在 HTML 属性中直接嵌入。

一、通过<script>标签嵌入

通过<script>标签嵌入JavaScript代码时,必需将代码放在 <script> 和 </script> 标记对之间。范例代码如下:

<script>
document.write("这是通过<script>标签嵌入的代码");  // 输出语句
</script>

浏览器载入HTML文档时,会识别 <script> 标签,执行其中的 JavaScript 代码,然后将结果返回并在浏览器窗口显示。

二、引入外部的JavaScript

也可以把脚本保存到外部文件中。外部文件通常包含被多个网页使用的代码。

外部 JavaScript 文件的文件扩展名是 .js。

如需使用外部文件,请在 <script> 标签的 "src" 属性中设置该 .js 文件,范例代码如下:

<!DOCTYPE html>
<html>
<body>
<script src="myScript.js"></script>
</body>
</html>

你可以将脚本放置于 <head> 或者 <body>中 实际运行效果与您在 <script> 标签中编写脚本完全一致。

三、HTML标签中直接嵌入JavaScript

在HTML属性中嵌入JavaScript代码主要是针对JavaScript事件。JavaScript事件是指用户对网页进行操作时,网页做出相应的响应。范例代码如下:

<html>
<head>
<title>鼠标单击事件</title>
</head>
<bdoy>
<p onclick="alert('你已经点击了我!');">请点击这里</p>
</body>
</html>

实例演示:

请点击这里

Tags:JavaScript