JavaScript是一种基于对象的脚本编程语言,具有动态、跨平台、基于对象和安全等特性。它不需要经过编译,而是直接嵌入在HTML页面中运行,可把单纯的HTML页面转变成支持用户交互和事件响应的动态页面。
在HTML中的使用JavaScript共有三种方法。
一、在页面中直接嵌入JavaScript
通过标签,可以在网页中直接插入Javascript脚本。下面来看两个示例:
示例1:

<html>   
<head>
<title>JavaScript简介</title>
<script>
    alert(“JavaScript”);
</script>
</head>
<body>
</body>
</html>

这个例子中,标签放在head标签中。

示例2:

<html>   
<head>
<title>JavaScript简介</title>
</head>
<body>
<script>
    alert(“JavaScript”);
</script>
</body>
</html>

这个例子中,标签放在body标签中。
以上两种方法均可正确执行Javascript。

二、链接外部JavaScript文件
首先,新建一个文件夹,这里示例为myweb文件夹。
接着,在myweb文件夹中,新建两个文件,index.html和JavaScript.js。
然后,在JavaScript.js文件中写入一行Javascript代码:

document.write(“Javascript”);

最后,在index.html中,添加标签,引入JavaScript.js文件。

<html>
<head>
      <title>JavaScript文档</title>
      <script type="text/javascript" src="javascript.js"></script>
</head>
<body>
</body>
</html>

三、作为标签的属性值使用
HTML文档中可以在标签、标签中使用JavaScript脚本作为它们的属性值。
1.通过“javascript:”调用js函数

<html>
<head>
      <title>JavaScript文档</title>
</head>
<body>
      <a href="javascript:alert('你好JavaScript')">测试</a>
</body>
</html>

2.在事件中调用Javascript函数

<html>
<head>
      <title>JavaScript文档</title>
</head>
<body>
      <input type="button" value="测试" onclick="alert('你好JavaScript ')" />
</body>
</html>

更多推荐

JavaScript程序基础(一)网页中引入Javascript的三种方法