JavaScript脚本可以放在网页的head里或者body部分,而且效果也不相同。
Body里的JavaScript
放在body部分的JavaScript脚本在网页读取到该语句的时候就会执行,
在head部分的脚本在被调用的时候才会执行,
在head部分的脚本在被调用的时候才会执行,例如:
<html> <head>
<script type="text/JavaScript"> .... </script> </head>
添加外部JavaScript脚本
也可以像添加外部CSS一样添加外部JavaScript脚本文件,其后缀通常为.js。例如:
<html> <head>
<script src="scripts.js"></script> </head> <body> </body> </html>
如果很多网页都需要包含一段相同的代码,那么将这些代码写入一个外部JavaScript文件是最好的方法。此后,任何一个需要该功能的网页,只需要引入这个js文件就可以了。
注意:脚本文件里头不能再含有<script>标签。
注:放在body里的函数是一个例外,它并不会被执行,而是等被调用时才会执行。关于函数与调用的概念将在后面讲到。
JavaScript中可以不声明变量直接赋值。不过先声明变量是一个良好的编程习惯;
///NO run?!!!????
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>我的个人主页---欢迎</title>
</head>
<body>
<script type="text/JavaScript">
function judge() {
var score;//分数
var degree;//分数等级
score = document.getElementById("score").value;
if (score > 100){
degree = '耍我?100分满!';
}
else{
switch (parseInt(score / 10)) {
case 0: case 1: case 2: case 3: case 4: case 5:
degree = "恭喜你,又挂了!"; break;
case 6:
degree = "勉强及格";
case 7:
degree = "凑合,凑合" break;
case 8:
degree = "8错,8错"; break;
case 9: case 10:
degree = "高手高手,佩服佩服";
}//end of switch
}//end of else
alert(degree);
}
</script>
<form action="#" method="post">
<p>
<label for="score">成绩</label>
<input name="score" id="score" type="text" />
</p>
<p>
<button value="点击提交" οnclick="judge()">点击提交</button>
</p>
</form>
</body>
</html>