在HTML网页中嵌入脚本的方式
javascript脚本可以出现在html页面的任何地方。需要注意的是javascript在框架页中出现必须在<frameset>标签之前,否则不能运行。
在html页面中嵌入脚本的方式主要有:
(1)在html标签的事件属性中直接添加脚本
<html>
<head>
<meta http-equiv="Content-Type" content="text/html"; charset="UTF-8">
<title>在标签的事件属性中直接添加脚本</title>
</head>
<body>
<form>
<input type="button" value="save" onclick="alert('clicked!');" />
</form>
</body>
</html>
(2)使用script标签插入脚本
这种方式是首先将<script>标记插入到html页面的某个地方,然后在<script>标记对之间根据需要编写相关的javascript脚本。一般将<script>标记写在<head></head>之间或者<body></body>之间。
<head>
<meta http-equiv="Content-Type" content="text/html"; charset="UTF-8">
<title>使用script标记插入脚本</title>
<script type="text/javascript">
var a=100;
var b=200;
if(a<b){
alert("true");
}
</script>
</head>
(3)使用script标签链接外部脚本
为了重用javascript代码,在实际的开发中,通常将javascript代码编写为一个独立的以js为扩展名的脚本文件。此后u,这个文件中的脚本就可以在不同的html页面中使用。
html>
<head>
<meta http-equiv="Content-Type" content="text/html"; charset="UTF-8">
<title>使用script标记链接脚本文件</title>
<script type="text/javascript" src="new_file.js"></script>
</head>
<body>
<form>
<input type="button" value="save" onclick="clickFunction();" />
</form>
</body>
</html>